Category - WebGrid
Results 1 - 20 of 65
04 Jan 2022 04 Jan 2022 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 07 Nov 2020 0 Comments  3236 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  8045 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  6436 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  27608 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  55617 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  13178 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  33600 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  51198 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  6246 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  23797 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  19467 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  6125 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  13626 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  14529 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  13194 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  38043 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.
30 Aug 2018 30 Aug 2018 1 Comments  22554 Views
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 13 Aug 2018 0 Comments  52280 Views
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 26 Jul 2018 1 Comments  8922 Views
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.
Results 1 - 20 of 65