Category - jQuery
Results 201 - 220 of 776
08 Jan 2019 08 Jan 2019 1 Comments  98691 Views
Here Mudassar Ahmed Khan has explained with an example, how to get selected (checked) CheckBox Row (Cell) values of HTML Table using jQuery.

When the Button is clicked, all the CheckBoxes inside the HTML Table will be referenced and then the Row (Cell) values of selected (checked) CheckBoxes will be extracted and displayed using JavaScript Alert Message Box.
07 Jan 2019 07 Jan 2019 0 Comments  17359 Views
Here Mudassar Ahmed Khan has explained with an example, how to get selected (checked) CheckBox Row (Cell) values of GridView using jQuery in ASP.Net.

When the Button is clicked, all the CheckBoxes inside the GridView will be referenced and then the Row (Cell) values of selected (checked) CheckBoxes will be extracted and displayed using JavaScript Alert Message Box.
04 Jan 2019 04 Jan 2019 0 Comments  9588 Views
Here Mudassar Ahmed Khan has explained with an example, how to dynamically change HTML INPUT Type from Password to Text using jQuery.

HTML does not allow the Type attribute to be modified with jQuery at runtime and hence the same can be achieved by creating a dynamic TextBox next to the Password TextBox and hiding the Password TextBox.
04 Jan 2019 04 Jan 2019 0 Comments  5836 Views
Here Mudassar Ahmed Khan has explained with an example, how to dynamically change HTML INPUT Type using jQuery.

This article will illustrate how to dynamically change the Type attribute of HTML TextBox from Text to Password using jQuery.

HTML does not allow the Type attribute to be modified with jQuery at runtime and hence the same can be achieved by creating a dynamic TextBox next to the Password TextBox and hiding the Password TextBox.
04 Jan 2019 04 Jan 2019 0 Comments  2534 Views
Here Mudassar Ahmed Khan has explained with an example, how to change TextBox TextMode to Password using jQuery.

The TextMode of a TextBox is decided by its Type attribute i.e. input or password.

HTML does not allow the Type attribute to be modified with jQuery at runtime and hence the same can be achieved by creating a dynamic TextBox next to the Password TextBox and hiding the Password TextBox.
02 Jan 2019 02 Jan 2019 0 Comments  9046 Views
Here Mudassar Ahmed Khan has explained with an example, how to build a TextBox Character Counter using JavaScript i.e. Count number of characters in TextBox using JavaScript.

This article will illustrate how to use the ASPSnippets MaxLength jQuery plugin for counting the number of characters in TextBox and also implement maximum length validation using JavaScript.
01 Jan 2019 01 Jan 2019 0 Comments  19940 Views
Here Mudassar Ahmed Khan has explained with an example, how to implement maximum Length validation for TextBox using JavaScript and jQuery.

HTML TextBox does have MaxLength property but it does not provide features such as Character Count i.e. displaying the user number of character left.

Thus using the ASPSnippets MaxLength jQuery plugin, one can enforce character limit validation and optionally display the Character Count.
27 Dec 2018 27 Dec 2018 0 Comments  34193 Views
Here Mudassar Ahmed Khan has explained with an example, how to get selected Row (Cell) value in GridView using jQuery in ASP.Net.

When the Select LinkButton is clicked, the GridView Row is selected and a jQuery Click event handler is triggered.

Inside the jQuery Click event handler, the Cell values of the Selected Row are fetched and displayed using JavaScript Alert Message Box.
21 Dec 2018 21 Dec 2018 1 Comments  9193 Views
Here Mudassar Ahmed Khan has explained with an example, how to select (check) one (single) CheckBox in ASP.Net GridView using jQuery.

By default, multiple CheckBoxes in GridView are meant for multiple selection, thus in order to make it work as single selection i.e. only one (single) CheckBox can be selected at a time, jQuery needs to be used to achieve the same.
20 Dec 2018 21 Dec 2018 0 Comments  11220 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  51672 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  57987 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  102071 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  11216 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  20278 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  25721 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  22848 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  13960 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  15456 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  14011 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.
Results 201 - 220 of 776