Category - Table
Results 61 - 80 of 106
30 Jul 2018 30 Jul 2018 0 Comments  24076 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  36669 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  20484 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  39414 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  133165 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.
15 Nov 2017 15 Nov 2017 1 Comments  35958 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  20567 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 27 Aug 2018 0 Comments  45449 Views
Excel  jQuery  HTML  Table
Here Mudassar Ahmed 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  30243 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  30908 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  16594 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  13005 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  42040 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  29675 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  19682 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  69749 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.
08 Aug 2017 08 Aug 2017 0 Comments  50637 Views
Here Mudassar Ahmed Khan has explained with an example, how to add (insert) / remove (delete) HTML Table Rows dynamically using JavaScript.

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 JavaScript.
05 Aug 2017 17 Dec 2018 0 Comments  22146 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 AngularJS.

The HTML Table with CheckBoxes will be implemented using ng-repeat directive and the CheckBox in Header Row will be used to Check Uncheck All / Select Deselect All multiple CheckBoxes in HTML Table using AngularJS.
02 Aug 2017 02 Aug 2017 0 Comments  18089 Views
Here Mudassar Ahmed Khan has explained with an example, how to use AngularJS nested ng-repeat directive to dynamically populate (bind) nested HTML Table from JSON array.

Nested Tables means Table inside Table and it will be created by nesting one ng-repeat loop inside another ng-repeat loop.

First an array of JSON objects is generated and then it is used to populate (bind) nested HTML Table using the nested AngularJS ng-repeat directive.
31 Jul 2017 31 Jul 2017 0 Comments  126914 Views
Here Mudassar Ahmed Khan has explained with an example, how to use the $index variable of ng-repeat directive in AngularJS.

The $index variable is used to get the Index of an item repeated using ng-repeat directive in AngularJS.

This article will explain how to use the $index of the row of HTML Table populated using ng-repeat directive in following two scenarios.
1. Get the Index inside the HTML Table cell using AngularJS.
2. Get the Index when Button within the HTML Table row is clicked using AngularJS.
Results 61 - 80 of 106