سبد خرید 0

وبلاگ

ساخت یک GridView با استفاده از Grid.MVC

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

یکی از گزینه هایی که می توان برای نمایش داده های از آن استفاده نمود ، GridMVC می باشد که دارای امکانات خوبی از جمله :

صفحه بندی ، مرتب کردن بر اساس فیلد مورد نظر ، ایجاد فیلتر بر اساس مقدار و… می باشد .

در این مقاله قصد داریم به نحوه استفاده از Grid.MVC بپردازیم .

ابتدا یک پروژه جدید ایجاد (basic) نمایید . برای نمایش داده ها ابتدا نیاز به یک کلاس داریم پس کلاسی به اسم Client با مشخصات زیر ایجاد نمایید :

در مرحله بعد یک کنترلر با اسم دلخواه (Client)  ایجاد نمایید . در کنترلری که ایجاد کردیم ابتدا یک لیست از کلاس Client ایجاد میکنیم و در متد Index کنترلر به View پاس می دهیم :

 

برای استفاده از Grid.MVC می بایست پکیج آن را از Nuget دانلود و به پروژه اضافه نمایید . برای اینکار در Nuget عبارت Grid.Mvc را جستجو کرده و بعد از یافتن ، آن را نصب نمایید .

همچنین به کتابخانه بوت استرپ هم نیاز خواهیم داشت ، پس از طریق NUget اقدام به دانلود این کتابخانه نمایید و آن را به پروژه خود اضافه نمایید :

 

بعد از نصب پکیج  Grid.Mvc دو View به پوشه shared مربوط به روت اصلی سایت اضافه خواهد شد :

همچنین یک فایل CSS به اسم GridMvc به پوشه Content پروژه اضافه خواهد شد .

در صورتی که هنوز View مربوط به متد Index را ایجاد نکرده اید ، ابتدا View را ایجاد نمایید و موارد زیر را انجام دهید :

ابتدا

به View اضافه نمایید ، همچنین رفرنس های زیر را جهت فایل های JS,CSS به قسمت Head پروزه اضافه نمایید :

 و در پایان برای ایجاد گرید از HTML Helper  زیر  استفاده خواهیم کرد :

خروجی حاصل گرید به صورت زیر خواهد بود :

از خصوصیات مهم این Html Helper :

Titled : عنوان ستون مورد نظر را تعیین میکند .

Filterable : برای فیلتر کردن گریدمورد استفاده قرار می گیرد ( در صورتی که ستون مورد نظر امکان فیلتر شدن داشته باشد) .

Sortable :  برای مرتب بندی مورد استفاده قرار می گیرد ( در صورتی که ستون مورد نظر امکان مرتب شدن داشته باشد) .

WithPaging : برای تعیین صفحه بندی مورد استفاده قرار می گیرد . عددی را برای نمایش تعداد رکورد در هر صفحه از ورودی می گیرد .

اشتراک گذاری:

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید

keyboard_arrow_up