پرینت

نکات مفید طراحی صفحات لیست گرید ویو ها Grid View

نمایش رکورد ها

منظور از صفحات لیست چیست؟
صفحات لیست نوعی از صفحات هستند که معمولا در مدیریت یا صفحات که کاربر بعد از لاگین به آن دسترسی دارد وجود دارند. صفحاتی که لیست جدول مانند مشابه اکسل دارند. صفحه لیست کاربران در پنل ادمین وب سایت یا صفحه لیست تراکنش های مالی در بخش کاربری یک سایت نیز یک صفحه لیست هستند. البته این اصطلاح فنی نیست و خودم آن ها را صفحات لیست نامیدم.

چرا صفحات لیست نیازمند استاندارد هستند؟
بعد از اینکه مشاهده کردم یکی از برنامه نویسان برای دکمه حذف یک رکورد کاربر را مجبور میکرد ابتدا آن رکورد را انتخاب کند و سپس روی دکمه حذف کلیک نماید تصمیم گرفتم نکاتی که در این مقاله گفتم را به گاید لاین پروژه اینترانت بانک مسکن اضافه کنم. همچنین در مقاله دیگر حالت افزودن به لیست را توضیح دادم. اگر استقبال از این موارد زیاد باشم بیشتر از قبیل موارد برایتان خواهم نوشت.

نکات مفید برای ساخت صفحه لیست مناسب
۱- در ستون اول CheckBox اوليه بايد وظيفا انتخاب همه را داشته باشد.
۲- ستون دوم مخصوص شماره رديف باشد و براي صرفه جويي در پهناي گريد عنوان را را فقط "#" مي ناميم.
۳- ستون سوم مخصوص مهمترين ستون گريد باشد كه معمولا براي عنوان استفاده مي شود، پهناي اين گريد بايد 100% باشد.
۴- تعداد ستون هاي گريد حداكثر بايد ۱۰ مورد باشد.
۵- عنوان Header ستون بايد به كوتاهترين شكل ممكن انتخاب شود تا بتوانيم از ستون هاي بيشتر استفاده كنيم
۶- رديف هاي گريد براي خوانايي بهتر بايد به صورت Aleternative داراي دو كلاس و رنگ پس زمینه متفاوت باشند.
۷- در ردیف انتهایی باید حتما از پیچ نامبراستفاده کرد و در حالت پیش فرض ۲۰ رکورد در هر صفحه مناسب هستند.
۸- در صورت استفاده بیش از ۱۵ رکورد در هر صفحه دکمه های مهم مانند افزودن باید هم در بالا و هم پایین لیست باشند.
۹- لیست حتما باید به جستجو مجهز باشد که حداقل یکی از رکوردها مانند عنوان را جستجو نماید.
۱۰- برای انجام عملیات در یک رکورد نباید از پست استفاده کرد و حتما باید عملیات به صورت اجاکس اجرا شود.


انواع رخداد و محل قرارگیری آن
بر روي يك Grid View رخدادهای مختلفي مي تواند وجود داشته باشد.
GridView Common Properties
اول - رخدادهایی که فقط روی یک رکورد اعمال می شوند که باید جلو هر رکورد جداگانه وجود داشته باشد. مانند
مانند Edit (ويرايش)، Detail View (نمايش جزئيات)

دوم - رخدادهایی که روی بیش از یک مورد رکورد اعمال می شوند.
مانند Delete (حذف)، Mark ( تغيير Type هر موضوعي، مانند: فعال/ غير فعال يا تاييد/عدم تاييد)

سوم - رخداد هايي كه مربوط به كل مجموعه مي شوند 
مانند دكمه جديد

چهارم - در صورتیکه رخداد های کلی (سوم) یا حتی رخداد های تک رکوردی (دوم)  خیلی زیاد و با عنوان های طولانی باشند می توان آن در به صورت عمودی در کنار لیست قرار داد.
مانند تایید مدرک تحصیلی

پنجم - تب هایی که می تواند به صورت عمودی یا افقی استفاده کرد و بعد از کلیک روی آن ها لیست مرتبط دیگری را مشاهده خواهیم کرد.

مولف: میثم ضابط - شهریور 88

نوع محتوا: مقاله
سطح: متوسط
3 دیدگاه

91/10/02 شنبه 17:28
[3] nilo:

خوب بود
89/11/05 سه شنبه 16:25
[2] Valium:

WONDERFUL Post.thanks for share..more wait .. …
89/08/26 چهارشنبه 02:11
[1] student scholarship:

Beneficial info and excellent design you got here! I want to thank you for sharing your ideas and putting the time into the stuff you publish! Great work!

SecImgSes




طراحی سایت ضابط ۱۳۸۴ - ۱۳۹۸