Category - jQuery
Results 181 - 200 of 745
20 Dec 2018 21 Dec 2018 0 Comments  9605 Views
Here Mudassar Ahmed Khan has explained with an example, how to select one (single) CheckBox from multiple CheckBoxes using jQuery.

By default, multiple CheckBoxes are meant for multiple selection, thus in order to make it work as Single selection i.e. similar to that of a RadioButtons, jQuery needs to be used to achieve the same.
03 Dec 2018 03 Dec 2018 0 Comments  47881 Views
Here Mudassar Ahmed Khan has explained with an example, how to set value of Hidden Fields created using Html.Hidden and Html.HiddenFor helper functions using jQuery in ASP.Net MVC Razor.

This article will also illustrate how to get values of Hidden Fields created using Html.Hidden and Html.HiddenFor helper functions and set using jQuery in View inside Controller in ASP.Net MVC Razor.
19 Nov 2018 19 Nov 2018 1 Comments  50160 Views
Here Mudassar Ahmed Khan has explained with an example, how to post Array of objects from View to Controller in ASP.Net MVC Razor.

Records will be dynamically added to the List of objects on Button click using jQuery and later these records will be posted to Controller’s Action method using jQuery AJAX in ASP.Net MVC Razor.
15 Nov 2018 15 Nov 2018 0 Comments  93864 Views
Here Mudassar Ahmed Khan has explained with an example, how to pass (send) List of objects to Controller’s Action method from View using jQuery AJAX in ASP.Net MVC Razor.

Records will be dynamically added to the List of objects 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.
06 Nov 2018 06 Nov 2018 0 Comments  9800 Views
Here Mudassar Ahmed Khan has explained with an example, how to read (get) value from the AppSettings section of the Web.Config file in jQuery in ASP.Net using C# and VB.Net.

It is not possible to read the AppSetting value directly in jQuery and hence an AJAX call will be made to a WebMethod which will read the AppSetting value and return it to the Client Side script.
05 Nov 2018 05 Nov 2018 0 Comments  17165 Views
Here Mudassar Ahmed Khan has explained with an example, how to call the Server Side function (method) with parameters from JavaScript using jQuery AJAX in ASP.Net MVC Razor.

In ASP.Net MVC, the Server Side code resides inside the Controller and hence this article will illustrate how to call Controller’s Action method from JavaScript in ASP.Net MVC Razor.
05 Nov 2018 06 Nov 2018 0 Comments  22416 Views
Here Mudassar Ahmed Khan has explained with an example, how to read (get) value from the AppSettings section of the Web.Config file in JavaScript in ASP.Net MVC Razor.

It is not possible to read the AppSetting value directly in JavaScript and hence using jQuery, an AJAX call will be made to the Controller’s Action method which will read the AppSetting value and return it to the JavaScript function.
26 Oct 2018 26 Oct 2018 2 Comments  20766 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.
08 Oct 2018 08 Oct 2018 0 Comments  12719 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.
05 Oct 2018 05 Oct 2018 0 Comments  13633 Views
Here Mudassar Ahmed Khan has explained with an example, how to create Dynamic Google Bar Chart in ASP.Net using C# and VB.Net.

The Google Bar Chart will be dynamically populated from Database using jQuery AJAX and Web Method in ASP.Net.
03 Oct 2018 03 Oct 2018 1 Comments  12273 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Scroll to Top and Bottom of Page with UP and DOWN Arrow Keys using plain jQuery and no additional jQuery Plugins.

The HTML Body element will be assigned jQuery KeyDown event handler and when the UP or DOWN Arrow Keys are detected, the Page will be smooth scrolled to Top or Bottom using jQuery.

In order to make the Scroll action smooth, jQuery animation has been used.
02 Oct 2018 02 Oct 2018 0 Comments  11611 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.
01 Oct 2018 01 Oct 2018 0 Comments  8702 Views
Here Mudassar Ahmed Khan has explained with an example, how to make the ListView Scrollable i.e. Freezed or Fixed ListView Header Row and add a vertical Scrollbar for scrolling the Data rows in ASP.Net using C# and VB.Net.

The ListView will be displayed as HTML Table and the Header will be freezed (fixed) and Data rows will be made Scrollable using the ASPSnippets Scrollable Table jQuery Plugin.
01 Oct 2018 01 Oct 2018 1 Comments  33732 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement Nested HTML Table with Expand Collapse in ASP.Net MVC Razor.

The Nested HTML Table will be a combination of Parent – Child Table where Child Tables will be placed inside the Parent Table and the Child Table will be shown and hidden using Expand-Collapse feature in ASP.Net MVC Razor.

The Nested Tables will be populated from database using Entity Framework and the Expand-Collapse feature will be implemented using jQuery.
21 Sep 2018 21 Sep 2018 0 Comments  20212 Views
Here Mudassar Ahmed Khan has explained with an example, how to create dynamic TreeView from database in ASP.Net MVC Razor.

The dynamic TreeView will be created using the jQuery jsTree plugin and the data for the TreeView will be fetched from database using Entity Framework in ASP.Net MVC Razor.
19 Sep 2018 19 Sep 2018 1 Comments  32800 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.
18 Sep 2018 18 Sep 2018 0 Comments  7704 Views
Here Mudassar Ahmed Khan has explained with an example, how to solve the problem of jQuery Live Click not working and giving error Live is not a function.

jQuery Live function has been depreciated i.e. removed from jQuery version 1.9 onwards and hence when you are using any newer jQuery version i.e. version 1.9 or above you will get error that Live is not a function.
14 Sep 2018 14 Sep 2018 0 Comments  6986 Views
Here Mudassar Ahmed Khan has explained with an example, how to move selected Items to Top of ListBox using jQuery.

When an Item (Option) is selected in the ListBox, it will be removed from the List and again added to the ListBox at 0th Index (First Position) using jQuery.
14 Sep 2018 14 Sep 2018 1 Comments  17626 Views
Here Mudassar Ahmed Khan has explained with an example, how to download Excel file (XLS and XLSX) using jQuery.

The HTML Table data will be converted and downloaded to Excel file with the help of the jQuery table2excel plugin.
14 Sep 2018 14 Sep 2018 0 Comments  12750 Views
Here Mudassar Ahmed Khan has explained with an example, how to convert Excel (XLS and XLSX) file data to JSON using jQuery.

Once File is selected in FileUpload control, it is read as Binary data and then the Binary data is read using the xlsx Excel plugin which returns the Excel file data in JSON array format.

Finally, JSON array is displayed as HTML Table using jQuery.
Results 181 - 200 of 745