معرفی
در این جلسه مراحل پیاده سازی jQuery Datatable در برنامه ASP.NET MVC را به شما نشان خواهم داد. نیازی به افزودن دستی داده های فیلتر و صفحه بندی نیست. با استفاده از Datatable می توانید تمام این مزایا را دریافت کنید. Datatable منبع باز است.
شرح
DataTable قدرتمندترین و آسانترین افزونه جی کوئری برای نمایش دادههای جدولی با ویژگیهایی برای صفحهبندی، جستجو، ذخیره وضعیت، و مرتبسازی چند ستونی با تشخیص نوع داده و موارد دیگر با تنظیمات صفر یا حداقل است.
توجه داشته باشید
قبل از گذراندن جلسه، به شما پیشنهاد می کنم ابتدا از مقالات قبلی مرتبط با MVC با دانش باطن بازدید کنید.
برای اطلاعات بیشتر در مورد Datatable به سایت رسمی Datatable مراجعه کنید.
مراحلی که باید دنبال شود،
مرحله 1
جدولی به نام کارمند ایجاد کنید. من اسکریپت آن از جمله طرح واره با داده را اضافه کرده ام.
- CREATE TABLE [dbo].[employee](
- [FirstName] [varchar](15) NOT NULL,
- [LastName] [varchar](20) NULL,
- [Age] [int] NULL,
- [Address] [varchar](30) NULL,
- [City] [varchar](20) NULL,
- [State] [varchar](20) NULL,
- CONSTRAINT [PK_employee] PRIMARY KEY CLUSTERED
- (
- [FirstName] ASC
- )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
- ) ON [PRIMARY]
- GO
- INSERT [dbo].[employee] ([FirstName], [LastName], [Age], [Address], [City], [State]) VALUES (N'Ajit', N'Mukesh', 36, N'2130 Boars Nest', N'Hazard Co', N'Georgia')
- GO
- INSERT [dbo].[employee] ([FirstName], [LastName], [Age], [Address], [City], [State]) VALUES (N'Ashwini', N'Bajaj', 29, N'2130 Boars Nest', N'Hazard Co', N'Georgia')
- GO
- INSERT [dbo].[employee] ([FirstName], [LastName], [Age], [Address], [City], [State]) VALUES (N'Beenna', N'Malik', 42, N'2130 Boars Nest', N'Hazard Co', N'Georgia')
- GO
- INSERT [dbo].[employee] ([FirstName], [LastName], [Age], [Address], [City], [State]) VALUES (N'Keshav', N'Malhotra', 26, N'Noida, Sector-12', N'Delhi', N'Uttar Pradesh')
- GO
- INSERT [dbo].[employee] ([FirstName], [LastName], [Age], [Address], [City], [State]) VALUES (N'Kulu', N'Samantaray', 38, N'Ghaziabad', N'Ghaziabad', N'Uttar Pradesh')
- GO
- INSERT [dbo].[employee] ([FirstName], [LastName], [Age], [Address], [City], [State]) VALUES (N'Raghav', N'Manoj', 27, N'2130 Boars Nest', N'Hazard Co', N'Georgia')
- GO
- INSERT [dbo].[employee] ([FirstName], [LastName], [Age], [Address], [City], [State]) VALUES (N'Ram', N'Prasad', 24, N'Hyd, NY', N'Hyderabad', N'Andhra Pradesh')
- GO
- INSERT [dbo].[employee] ([FirstName], [LastName], [Age], [Address], [City], [State]) VALUES (N'Satyaprakash', N'Samantaray', 27, N'Khordha, Bhubaneswar', N'Khordha', N'Odisha')
- GO
- INSERT [dbo].[employee] ([FirstName], [LastName], [Age], [Address], [City], [State]) VALUES (N'Sita', N'Goswami', 21, N'HSR Layout', N'Bangalore', N'Karnataka')
- GO
- INSERT [dbo].[employee] ([FirstName], [LastName], [Age], [Address], [City], [State]) VALUES (N'Venkat', N'Mukherjee', 34, N'Koramangala', N'Bengaluru', N'Karnataka')
- GO