WebGrid Articles

Category - WebGrid

04 Jan 2022 Mudassar Khan 0 Comments 1404 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 3236 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 8045 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 6436 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 27608 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 55617 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 13178 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 33600 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 51198 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 6246 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 23797 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 19467 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 6125 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 13626 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 14529 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 13194 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 38043 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.

30 Aug 2018 Mudassar Khan 1 Comments 22554 Views

ASP.Net jQuery jQuery Plugins Entity Framework MVC WebGrid Grid

Here Mudassar Ahmed Khan has explained with an example, how to make the WebGrid Scrollable i.e. Freezed or Fixed WebGrid Header Row and add a vertical Scrollbar for scrolling the Data rows in ASP.Net MVC Razor.

The WebGrid Header will be freezed (fixed) and Data rows will be made Scrollable using the ASPSnippets Scrollable Table jQuery Plugin.

13 Aug 2018 Mudassar Khan 0 Comments 52280 Views

ASP.Net SQL Server Entity Framework MVC WebGrid

Here Mudassar Ahmed Khan has explained with an example, how to save Image in Folder (Directory) and Path in Database in ASP.Net MVC Razor.

The Images saved in Folder (Directory) will be displayed using WebGrid in ASP.Net MVC Razor.

26 Jul 2018 Mudassar Khan 1 Comments 8922 Views

ASP.Net JavaScript SQL Server Entity Framework CheckBox WebGrid

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

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

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