WebGrid Articles

Category - WebGrid

19 Nov 2022 Mudassar Khan 0 Comments 543 Views

ASP.Net Entity Framework WebGrid Core Razor Pages

Here Mudassar Khan has explained a step by step tutorial with an example, how to use WebGrid in ASP.Net Core Razor Pages.

This article will explain how to implement WebGrid with Entity Framework and also display specific columns in WebGrid in ASP.Net Core Razor Pages.

The WebGrid will be implemented using the MVC6 Grid library in ASP.Net Core Razor Pages.

18 Nov 2022 Mudassar Khan 0 Comments 502 Views

ASP.Net Entity Framework MVC WebGrid Core

Here Mudassar Khan has explained a step by step tutorial with an example, how to use WebGrid in ASP.Net Core MVC.

This article will explain how to implement WebGrid with Entity Framework and also display specific columns in WebGrid in ASP.Net Core MVC.

The WebGrid will be implemented using the MVC6 Grid library in ASP.Net Core MVC.

14 Nov 2022 Mudassar Khan 0 Comments 445 Views

ASP.Net SQL Server Entity Framework HTML MVC WebGrid

Here Mudassar Khan has explained with an example, how to export WebGrid to HTML File (HTML String) in ASP.Net MVC Razor.

First, the WebGrid will be populated from database using Entity Framework and then the generated HTML Table of WebGrid will be sent as HTML string to the Controller which will be exported to HTML (.htm) file in ASP.Net MVC Razor.

04 Jan 2022 Mudassar Khan 0 Comments 2324 Views

ASP.Net XML MVC WebGrid

Here Mudassar Khan has explained with an example, how to read and display XML file data in WebGrid in ASP.Net MVC Razor.

The XML data will be read from an XML file and the fetched XML records will be displayed in WebGrid using Model class in ASP.Net MVC Razor.

07 Nov 2020 Mudassar Khan 0 Comments 4140 Views

ASP.Net jQuery jQuery Plugins MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to display ToolTip in WebGrid in ASP.Net MVC Razor.

The ToolTip will be displayed using jQuery ToolTip Plugin which will be applied to the Cell of the WebGrid in ASP.Net MVC Razor.

22 Nov 2019 Mudassar Khan 0 Comments 9365 Views

ASP.Net SQL Server jQuery CSS Entity Framework MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to highlight Selected Row of WebGrid in ASP.Net MVC Razor.

The WebGrid Row will be attached with a jQuery Click event handler. When the WebGrid Row is clicked and selected, it will be highlighted by applying a CSS class in ASP.Net MVC Razor.

12 Jul 2019 Mudassar Khan 0 Comments 7042 Views

ASP.Net SQL Server Entity Framework CSV MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to export WebGrid to CSV file with formatting in ASP.Net MVC Razor.

First the WebGrid will be populated from database using Entity Framework and when the Export Button is clicked, a Comma Separated (Delimited) string will be generated from WebGrid data and ultimately it will be exported to CSV file in ASP.Net MVC Razor.

06 Jun 2019 Mudassar Khan 0 Comments 30191 Views

ASP.Net SQL Server Entity Framework CheckBox MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to bulk delete multiple selected (checked) Rows using CheckBox in ASP.Net MVC Razor.

The first column will contain the CheckBox and multiple CheckBoxes can be checked (selected) to delete multiple Rows (Records) in ASP.Net MVC Razor.

The selected (checked) Rows (Records) will be deleted after User selected OK from the Delete Confirmation Box displayed using JavaScript in ASP.Net MVC Razor.

03 Apr 2019 Mudassar Khan 1 Comments 60900 Views

ASP.Net Entity Framework DropDownList MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to filter Data using DropDownList in ASP.Net MVC Razor.

The data will be displayed using WebGrid with Paging enabled on Web Page in ASP.Net MVC Razor.

When an option is selected in the DropDownList, the Controller’s Action method will be called and the records from the Database Table will be filtered using Entity Framework and displayed in WebGrid in ASP.Net MVC Razor.

02 Apr 2019 Mudassar Khan 0 Comments 15006 Views

ASP.Net SQL Server Entity Framework DropDownList MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to filter WebGrid using DropDownList in ASP.Net MVC Razor.

By default, the WebGrid will display all records with Paging.

When an option is selected in the DropDownList, the Controller’s Action method will be called and the records from the Database Table will be filtered using Entity Framework and displayed in WebGrid in ASP.Net MVC Razor.

01 Mar 2019 Mudassar Khan 0 Comments 36914 Views

ASP.Net SQL Server Entity Framework FileUpload MVC WebGrid Image

Here Mudassar Ahmed Khan has explained with an example, how to save and retrieve Image from SQL Server Database in ASP.Net MVC Razor.

The Images will be uploaded and converted to Binary format (Byte Array) and saved (inserted) to SQL Server Database table in ASP.Net MVC Razor.

The saved (inserted) Image files will be retrieved and displayed in WebGrid along with feature to Zoom the Image using jQuery.

01 Mar 2019 Mudassar Khan 2 Comments 58201 Views

ASP.Net SQL Server Entity Framework FileUpload MVC WebGrid Image

Here Mudassar Ahmed Khan has explained with an example, how to upload Image and save in Database in ASP.Net MVC Razor.

The Images will be uploaded and converted to Binary format (Byte Array) and saved (inserted) to SQL Server database table in ASP.Net MVC Razor.

11 Feb 2019 18 Feb 2019 Mudassar Khan 0 Comments 6980 Views

ASP.Net JavaScript Excel SQL Server jQuery jQuery Plugins Entity Framework MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to export WebGrid to Excel file using jQuery in ASP.Net MVC Razor.

The WebGrid’s HTML Table will be exported (converted) to Excel file using the jQuery table2excel plugin in ASP.Net MVC Razor.

26 Oct 2018 Mudassar Khan 2 Comments 26381 Views

ASP.Net SQL Server GridView jQuery Entity Framework MVC WebGrid Grid

Here Mudassar Ahmed Khan has explained with an example, how to implement Nested Grid (GridView) with Expand Collapse in ASP.Net MVC Razor.
The Nested Grid (GridView) will be implemented with the help of WebGrid in ASP.Net MVC Razor.

The Nested WebGrid will be a combination of Parent – Child Table where Child WebGrid will be placed inside the Parent WebGrid and the Child WebGrid will be shown and hidden using Expand-Collapse feature in ASP.Net MVC Razor.

12 Oct 2018 Mudassar Khan 0 Comments 21194 Views

ASP.Net Excel DataTable DataSet MVC WebGrid OLEDB

Here Mudassar Ahmed Khan has explained with an example, how to upload, read and display Excel file data using WebGrid in ASP.Net MVC Razor.

The uploaded Excel file data will be read using OLEDB library into a DataSet and then the DataSet will be used to populate WebGrid in ASP.Net MVC Razor.

10 Oct 2018 Mudassar Khan 0 Comments 7221 Views

ASP.Net SQL Server Entity Framework MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to hide WebGrid Header Row in ASP.Net MVC Razor.

The Header Row will be hidden by setting displayHeader property to False in the GetHtml method of WebGrid in ASP.Net MVC Razor.

09 Oct 2018 Mudassar Khan 0 Comments 15457 Views

ASP.Net SQL Server Entity Framework MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to implement WebGrid with dynamic Columns in ASP.Net MVC Razor.

The list of Column names will be extracted from the Entity model using Reflection and will be used to create a List collection of WebGridColumn class.

The List collection of WebGridColumn class will be set in ViewBag object which will be later used in View to populate WebGrid with dynamic Columns in ASP.Net MVC Razor.

08 Oct 2018 Mudassar Khan 0 Comments 16613 Views

ASP.Net SQL Server jQuery jQuery Plugins Entity Framework MVC TextBox WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to implement Column Wise search and filter in WebGrid using TextBox in ASP.Net MVC Razor.

An additional Header Row with TextBoxes for each Column will be inserted in WebGrid using jQuery and then the jQuery QuickSearch Plugin will be applied to each TextBox.

The jQuery QuickSearch Plugin will enable searching and filtering in WebGrid on KeyPress event of TextBoxes in ASP.Net MVC Razor.

02 Oct 2018 Mudassar Khan 0 Comments 14627 Views

ASP.Net SQL Server jQuery Entity Framework MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to implement Nested WebGrid with Expand Collapse in ASP.Net MVC Razor.

The Nested WebGrid will be a combination of Parent – Child Table where Child WebGrid will be placed inside the Parent WebGrid and the Child WebGrid will be shown and hidden using Expand-Collapse feature in ASP.Net MVC Razor.

The Nested WebGrid will be populated from database using Entity Framework and the Expand-Collapse feature will be implemented using jQuery.

19 Sep 2018 Mudassar Khan 1 Comments 42427 Views

ASP.Net AJAX SQL Server GridView jQuery Entity Framework MVC WebGrid Grid

Here Mudassar Ahmed Khan has explained with an example, how to implement inline editing in GridView in ASP.Net MVC Razor.

Since MVC does not have a GridView control, this article explains how to perform inline Row Edit operations i.e. Edit, Update and Cancel operations for a particular Row in WebGrid using Buttons in ASP.Net MVC Razor.

This article will illustrate how to build an Editable WebGrid using jQuery AJAX and Entity Framework in ASP.Net MVC Razor.