{"id":1349,"date":"2011-09-28T13:03:13","date_gmt":"2011-09-28T09:03:13","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=1349"},"modified":"2025-05-19T14:43:34","modified_gmt":"2025-05-19T11:43:34","slug":"how-to-use-dhtmlxgrid-with-asp-net-mvc","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/how-to-use-dhtmlxgrid-with-asp-net-mvc\/","title":{"rendered":"How to Use dhtmlxGrid with ASP.NET MVC"},"content":{"rendered":"

In this tutorial we are going to explain how to use dhtmlxGrid<\/a> with ASP.NET MVC. Following this article step by step will allow you to implement an editable datagrid with sorting and filtering capabilities. We will also describe how to bind the grid data to the database and update it on the server side when user makes changes in browser. <\/p>\n

We will use the Standard Edition of dhtmlxGrid, which is available under GNU GPL. As an example, we will create a table of users. Not to do the same work twice, we just use the same records that were used for our RoR implementation. The image below shows how our datagrid will look.<\/p>\n

Download the final demo<\/a> and follow the tutorial to integrate dhtmlxGrid in an ASP.NET MVC application.<\/p>\n

\"Grid

Grid with ASP.NET MVC Example<\/p><\/div>\n


\n 
\nSetting the Environment<\/strong><\/p>\n

First we create an empty ASP.NET MVC application. We should also create a database and a table of users. There will be 3 fields for storing: First Name, Last Name, and Phone Number. <\/p>\n

We need to create a folder for the database. Go to project->Add->Add ASP.Net folder and add folder App_data. In this folder we create a database with one table \u2013 Users<\/strong>:<\/p>\n