ASP.NET MVCآموزش ها

نحوه ساخت DataGridView در asp.net mvc

نحوه ساخت 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 – حالا پروژه را ذخیره کرده و اجرا کنید.

امیدوارم که این مقاله برای شما مفید بوده باشد.

کپی برداری با ذکر منبع بلامانع است.

, , , , , , , , , , ,
نوشتهٔ پیشین
معماری MVC چیست؟
نوشتهٔ بعدی
آموزش نصب آسان قالب وردپرس

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.
برای ادامه، شما باید با قوانین موافقت کنید

*

code

فهرست