Category - Table
Results 81 - 100 of 130
30 Jul 2018 30 Jul 2018 0 Comments  124916 Views
Here Mudassar Ahmed Khan has explained with an example, how to dynamically add rows to HTML Table on Button click using jQuery AJAX in ASP.Net MVC Razor.

Finally, the dynamically added rows of the HTML Table will be sent to Controller’s Action method using jQuery AJAX and later inserted in database using Entity Framework in ASP.Net MVC Razor.
30 Jul 2018 30 Jul 2018 0 Comments  21523 Views
ASP.Net  HTML  Table  MVC
Here Mudassar Ahmed Khan has explained with an example, how to pass (send) dynamically added HTML Table records list to Controller’s Action method using jQuery AJAX in ASP.Net MVC Razor.

Records will be dynamically added to the HTML Table on Button click using jQuery and later these records will be sent to Controller’s Action method and will be inserted in database using Entity Framework in ASP.Net MVC Razor.
30 Jul 2018 30 Jul 2018 0 Comments  73342 Views
ASP.Net  HTML  Table  MVC
Here Mudassar Ahmed Khan has explained with an example, how to pass (send) HTML Table rows (data) from View to Controller’s Action method using jQuery AJAX in ASP.Net MVC Razor.

The HTML Table rows will be sent as JSON object similar to Model class and will be received as Model class objects inside Controller’s Action method in ASP.Net MVC Razor.
30 Jul 2018 30 Jul 2018 0 Comments  25039 Views
ASP.Net  AJAX  jQuery  HTML  JSON  Table  MVC
Here Mudassar Ahmed Khan has explained with an example, how to convert HTML Table rows (data) to JSON array and send to Controller’s Action method using jQuery AJAX in ASP.Net MVC Razor.

The data from all the rows of the HTML Table will be added to an array of JSON objects and sent to Controller using jQuery AJAX.

Finally, the data will be saved to database using Entity Framework in ASP.Net MVC Razor.
23 Jul 2018 23 Jul 2018 1 Comments  39412 Views
ASP.Net  AJAX  SQL Server  jQuery  HTML  JSON  Table  MVC  TextBox
Here Mudassar Ahmed Khan has explained with an example, how to validate at-least one CheckBox is checked (selected) from a group of multiple CheckBoxes in ASP.Net MVC Razor.

There is no Data Annotation attribute to perform at-least one CheckBox checked (selected) validation in a group of multiple CheckBoxes, hence the validation will be performed using jQuery in ASP.Net MVC Razor.

The list of CheckBoxes will be populated from database using Model in ASP.Net MVC Razor.
20 Jul 2018 20 Jul 2018 1 Comments  22225 Views
ASP.Net  ADO.Net  HTML  Table  MVC
Here Mudassar Ahmed Khan has explained with an example, how to perform CRUD operation (Create, Read, Update and Delete) using ADO.Net in ASP.Net MVC Razor.

CRUD operation in simple terms means Select, Insert, Edit, Update and Delete operations.
06 Jul 2018 06 Jul 2018 0 Comments  45438 Views
Here Mudassar Ahmed Khan has explained with an example, how to sort (reorder) Table rows with jQuery using Drag and Drop method.

The HTML Table rows will be sorted (reordered) with Drag and Drop method using the jQuery UI Sortable Plugin.
22 Jun 2018 01 Aug 2018 4 Comments  139805 Views
Here Mudassar Ahmed Khan has explained with an example, how to build an Editable Table in ASP.Net MVC Razor.
Using an Editable Table one can perform CRUD operations i.e. Insert, Edit, Update and Delete operations using an HTML Table in ASP.Net MVC Razor.

This article will illustrate how to build an Editable Table using jQuery AJAX and Entity Framework in ASP.Net MVC Razor.
04 Jun 2018 29 Oct 2022 0 Comments  68732 Views
Here Mudassar Khan has explained with an example, how to convert (export) HTML Table to Excel file using JavaScript.

Using plain JavaScript it is not possible to convert HTML Table to Excel and hence this article will explain, how to convert (explain) HTML Table to Excel file with the help of the jQuery table2excel plugin.
15 Nov 2017 15 Nov 2017 1 Comments  37944 Views
Here Mudassar Ahmed Khan has explained with an example, how to drag and drop and reorder HTML Table rows using jQuery UI Sortable Plugin in ASP.Net MVC Razor.

The HTML Table will be populated from database Table using Entity Framework and the order the HTML Table rows will also be saved into the database Table using Entity Framework.
03 Nov 2017 03 Nov 2017 0 Comments  22344 Views
Here Mudassar Ahmed Khan has explained with an example, how to read and parse XML string using plain JavaScript.

This article will also explain how to parse XML to read the Node values by accessing the Nodes by Index and also by the Tag name using JavaScript.
15 Sep 2017 29 Oct 2022 0 Comments  48238 Views
Here Mudassar Khan has explained with an example, how to convert (export) HTML Table to Excel file using jQuery.

This article will explain how to convert (export) HTML Table to Excel file with the help of the jQuery table2excel plugin.
13 Sep 2017 13 Sep 2017 1 Comments  31261 Views
Here Mudassar Ahmed Khan has explained wwith an example, how to get the TD value of the HTML Table row which is populated from JSON array using AngularJS ng-repeat directive.

This article will explain how to get the TD value of the HTML Table when Button within the HTML Table row is clicked using AngularJS.
13 Sep 2017 13 Sep 2017 1 Comments  33392 Views
Here Mudassar Ahmed Khan has explained with an example, how to get the Row data of the HTML Table which is populated from JSON array using AngularJS ng-repeat directive.

This article will explain how to get the Row data of the HTML Table when Button within the HTML Table row is clicked using AngularJS.
04 Sep 2017 04 Sep 2017 0 Comments  17577 Views
Here Mudassar Ahmed Khan has explained with an example, how to use AngularJS ng-repeat directive to create Nested loops in AngularJS.

Complex nested JSON objects comprises of a JSON object array and each object of the JSON array consisting of another child JSON object array.

In such scenario, one has to make use of nested ng-repeat directive i.e. one ng-repeat directive inside another ng-repeat directive, thus it makes nested loops.
10 Aug 2017 10 Aug 2017 1 Comments  13379 Views
Here Mudassar Ahmed Khan has explained with an example, how to access complex nested JSON objects in AngularJS.

Complex nested JSON objects comprises of a JSON object array and each object of the JSON array consisting of another child JSON object array.

In such scenario, one has to make use of nested ng-repeat directive i.e. one ng-repeat directive inside another ng-repeat directive, this making a parent child ng-repeat directive hierarchy.
10 Aug 2017 10 Aug 2017 1 Comments  43394 Views
Here Mudassar Ahmed Khan has explained with an example, how to use AngularJS ng-repeat directive with complex nested JSON objects.

Complex nested JSON objects comprises of a JSON object array and each object of the JSON array consisting of another child JSON object array.

In such scenario, one has to make use of nested ng-repeat directive i.e. one ng-repeat directive inside another ng-repeat directive, this making a parent child ng-repeat directive hierarchy.
09 Aug 2017 09 Aug 2017 0 Comments  30701 Views
jQuery  HTML  Table
Here Mudassar Ahmed Khan has explained with an example, how to implement Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using jQuery.

The HTML Table with CheckBoxes will be populated using Array and the CheckBox in Header Row will be used to Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using jQuery.
09 Aug 2017 09 Aug 2017 1 Comments  20970 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using JavaScript.

The HTML Table with CheckBoxes will be populated using Array and the CheckBox in Header Row will be used to Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using JavaScript.
08 Aug 2017 08 Aug 2017 1 Comments  71136 Views
jQuery  HTML  Table
Here Mudassar Ahmed Khan has explained with an example, how to add (insert) / remove (delete) HTML Table Rows dynamically using jQuery.

A new row will be added (inserted) using TextBoxes in Footer row in the HTML Table while a row will be removed (deleted) using a Remove button within the HTML Table row using jQuery.
Results 81 - 100 of 130