نحوه ساخت DataGridView در asp.net mvc
نحوه ساخت DataGridView در asp.net mvc
افراد برای اینکه بتوانند یک وبسایت خوب با ASP.NET MVC بسازند، ابتدا باید زبان برنامه نویسی C# را یاد بگیرند، زیرا بخش Backend یا کد های سمت سرور در ASP.NET MVC با زبان برنامه نویسی C# میباشد. همانطور که برنامه نویسان C# میدانند در زبان برنامه نویسی C# در محیط Visual Studio یک ابزاری به عنوان Data Grid View دارند، که آن را به یک جدول دیتابیس متصل کرده و داده های جدول را نمایش میدهند.
حال این افراد قصد دارند که ASP.NET MVC را آموزش ببینند و از بخش مقدماتی تا پیشرفته را طی میکنند. اما بسیاری از افراد به دنبال ابزاری میگردند که مانند DataGridView عمل کند و دیتا های پایگاه داده را نمایش دهد و جداول را صفحه بندی نماید. در اینجا برخی افراد خلاق شروع به کد نویسی برای جداول دارای صفحه بندی مینمایند که برای شروع بسیار خوب است و باعث تسلط بیشتر میشود. ما در این مقاله از پرعلم قصد داریم تا شما را با ابزاری آشنا کنیم که مانند DataGridView در C# داده های جدول شما را در یک جدول مرتب و صفحه بندی شده نمایش میدهد.
Telerik Grid در ASP.NET MVC
TELERIK کتابخانه ایست که برای استفاده از آن باید آن را به پروژه اضافه کنیم:
1 – در مرحله اول یه پروژه جدید از نوع ASP.NET WebApplication با پوشه های MVC ایجاد کنید.( معرفی معماری MVC )
2 – حال به Solution برنامه نگاه کنید، در Solution روی نام پوشه ی Model کلیک راست کرده و روی Add/New Item کلیک کنید.
3 – در این قسمت یک ADO.NET Entity Data Model را به پروژه اضافه کنید و از یک پایگاه داده که دارای مقادیری است استفاده کنید.
4 – حالا در Solution روی نام پروژه کلیک راست کرده و روی Manage Nuget Packages کلیک کنید.
5 – پنجره ی زیر را مشاهده میکنید. که در این پنجره روی Brows کلیک کرده و TelerikMVC را جستوجو کنید. و بسته ای که در تصویر میبینید را نصب کنید.
(اگر ورژن Visual Studio شما جدید تر باشد ظاهر این پنجره فرق داشته و به عنوان یک تب در پروژه باز میشود.)
6 – حالا در بخش References چک کنید که Telerik.Web.MVC اضافه شده باشد.
7 – حالا در کنترلر Home رفته و یک Action اضافه میکنیم.
در این اکشن میخواهیم یک جدول از دیتابیس را گرفته و داده هایش را به View بفرستیم تا نمایش دهد. مانند متد زیر که لیستی از محصولات را نمایش میدهد.
8 – پس از اینکه متد را نوشتید حالا روی نام Action کلیک راست کرده Add View را انتخاب کنید.
9 – این View را از نوع Empty با دیتا مدل tbl_Products انتخاب کنید.
10 – حالا در View ابتدا using مربوط به Telerik را اضافه کنید. (using Telerik.Web.Mvc.UI)
11- مانند تصویر زیر کد بنویسید برای نمایش جدول :
12 – حالا پروژه را ذخیره کرده و اجرا کنید.
امیدوارم که این مقاله برای شما مفید بوده باشد.
کپی برداری با ذکر منبع بلامانع است.