jQuery Articles

Category - jQuery

02 Oct 2018 Mudassar Khan 0 Comments 12763 Views

ASP.Net SQL Server jQuery Entity Framework MVC WebGrid

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 Mudassar Khan 0 Comments 9708 Views

ASP.Net SQL Server jQuery ListView HTML Table

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 Mudassar Khan 2 Comments 38596 Views

ASP.Net jQuery Entity Framework HTML Table MVC

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 Mudassar Khan 0 Comments 22239 Views

ASP.Net jQuery TreeView jQuery Plugins CheckBox MVC

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 Mudassar Khan 1 Comments 36541 Views

ASP.Net AJAX SQL Server GridView jQuery Entity Framework MVC WebGrid Grid

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 Mudassar Khan 0 Comments 9321 Views

Issues and Exceptions jQuery

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 Mudassar Khan 0 Comments 7874 Views

jQuery ListBox

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 Mudassar Khan 1 Comments 19814 Views

Excel jQuery jQuery Plugins HTML5

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 Mudassar Khan 0 Comments 14028 Views

Excel jQuery HTML5 JSON FileUpload

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.

14 Sep 2018 Mudassar Khan 1 Comments 44481 Views

jQuery Bootstrap Button

Here Mudassar Ahmed Khan has explained with an example, how to dismiss (close) Bootstrap Modal Popup programmatically.

Bootstrap has provided a function named modal to which when called with the parameter value hide, dismisses (closes) the Modal Popup.

12 Sep 2018 Mudassar Khan 1 Comments 107796 Views

jQuery Bootstrap Button

Here Mudassar Ahmed Khan has explained with an example, how to close (hide) Bootstrap Modal Popup Window using jQuery.

The Close Button is assigned a jQuery Click event handler and when the Close Button is clicked, the Bootstrap Modal Popup Window will be hidden (closed) using modal function and passing the parameter value hide.

11 Sep 2018 Mudassar Khan 0 Comments 36956 Views

ASP.Net AJAX jQuery Bootstrap

Here Mudassar Ahmed Khan has explained with an example, how to close (hide) Bootstrap Modal Popup Window from Server Side (Code Behind) in ASP.Net using C# and VB.Net.

The Bootstrap Modal Popup is closed (hidden) by calling the modal function with parameter value hide using RegisterStartupScript method of ClientScript class on Sever Side (Code Behind) in ASP.Net.

07 Sep 2018 Mudassar Khan 1 Comments 17344 Views

JavaScript jQuery HTML5 CSV JSON FileUpload

Here Mudassar Ahmed Khan has explained with an example, how to read the CSV File and convert its data to JSON Array in jQuery using HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML5 FileUpload element and will be read using HTML5 FileReader API.

The read data is split into Rows and a loop is executed over the Rows and the data from each Row is stored into a JSON object and it is added to an Array using jQuery.

05 Sep 2018 Mudassar Khan 1 Comments 40673 Views

ASP.Net Issues and Exceptions jQuery Bootstrap DropDownList

Here Mudassar Ahmed Khan has explained with an example, how to solve the problem of Bootstrap Modal Popup Auto Closes on PostBack in ASP.Net using C# and VB.Net.

Bootstrap Modal Popup is opened from Client Side and hence when PostBack happens and Page refreshes, the Bootstrap Modal Popup disappears.

Hence in order to keep the Bootstrap Modal Popup across PostBacks, it has to be re-opened after PostBack from Server Side (Code Behind) using RegisterStartupScript method of ClientScript class.

05 Sep 2018 Mudassar Khan 0 Comments 39361 Views

jQuery Bootstrap Button

Here Mudassar Ahmed Khan has explained with an example, how to Show and Hide (Open and Close) Bootstrap Modal Popup Window using jQuery.

There will be two Buttons i.e. first to show (open) the Bootstrap Modal Popup Window on Client Side using jQuery while second Button will be placed inside the Bootstrap Modal Popup Window and will be used to hide (close) the Bootstrap Modal Popup Window using jQuery.

05 Sep 2018 Mudassar Khan 0 Comments 51657 Views

jQuery Bootstrap Button

Here Mudassar Ahmed Khan has explained with an example, how to open (show) Bootstrap Modal Popup Window using jQuery.

The Button will be assigned a jQuery Click event handler. When the Button is clicked, the Bootstrap Modal Popup Window is opened (shown) on Client Side using jQuery.

05 Sep 2018 Mudassar Khan 0 Comments 39217 Views

ASP.Net jQuery Bootstrap

Here Mudassar Ahmed Khan has explained with an example, how to open (show) Bootstrap Modal Popup Window on Page Load in ASP.Net using C# and VB.Net.

Inside the Server Side Page Load event handler, the RegisterStartupScript method of ClientScript class is used to register a call to the JavaScript function which will open (show) Bootstrap Modal Popup Window on Client Side using jQuery.

05 Sep 2018 Mudassar Khan 1 Comments 100859 Views

ASP.Net jQuery Bootstrap Button

Here Mudassar Ahmed Khan has explained with an example, how to open (show) Bootstrap Modal Popup Window from Server Side (Code Behind) in ASP.Net using C# and VB.Net.

When the Button is clicked, the Server Side Button Click event handler is triggered in Code Behind and then using RegisterStartupScript method of ClientScript class, the Bootstrap Modal Popup Window is opened (shown) on Client Side using jQuery.

04 Sep 2018 Mudassar Khan 0 Comments 10926 Views

jQuery HTML HTML5 Table

Here Mudassar Ahmed Khan has explained with an example, how to import CSV File to HTML Table using jQuery and HTML5 File API.

First the CSV File i.e. Comma separated Text file, will be read using HTML5 FileReader API as String.

Then the String will be parsed into Rows and Columns and will be displayed in HTML Table.

04 Sep 2018 Mudassar Khan 0 Comments 15862 Views

jQuery HTML HTML5 CSV FileUpload Table

Here Mudassar Ahmed Khan has explained with an example, how to read CSV File in jQuery using HTML5 File API.

The CSV file (Comma separated Text file) will be selected in HTML5 FileUpload element and will be read using HTML5 FileReader API.

The read data will be parsed into Rows and Columns and will be displayed in HTML Table.