Category - WebGrid
Results 1 - 20 of 68
19 Nov 2022 19 Nov 2022 0 Comments  543 Views
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 18 Nov 2022 0 Comments  502 Views
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 14 Nov 2022 0 Comments  445 Views
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 04 Jan 2022 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 07 Nov 2020 0 Comments  4140 Views
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 22 Nov 2019 0 Comments  9365 Views
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 12 Jul 2019 0 Comments  7042 Views
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 06 Jun 2019 0 Comments  30191 Views
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 03 Apr 2019 1 Comments  60900 Views
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 02 Apr 2019 0 Comments  15006 Views
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 01 Mar 2019 0 Comments  36914 Views
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 01 Mar 2019 2 Comments  58201 Views
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 0 Comments  6980 Views
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 26 Oct 2018 2 Comments  26381 Views
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 12 Oct 2018 0 Comments  21194 Views
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 10 Oct 2018 0 Comments  7221 Views
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 09 Oct 2018 0 Comments  15457 Views
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 08 Oct 2018 0 Comments  16613 Views
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 02 Oct 2018 0 Comments  14627 Views
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 19 Sep 2018 1 Comments  42427 Views
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.
Results 1 - 20 of 68