Category - jQuery
Results 221 - 240 of 776
02 Oct 2018 02 Oct 2018 0 Comments  12763 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  9708 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 2 Comments  38596 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  22239 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  36541 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  9321 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  7874 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  19814 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  14028 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.
14 Sep 2018 14 Sep 2018 1 Comments  44481 Views
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 12 Sep 2018 1 Comments  107796 Views
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 11 Sep 2018 0 Comments  36956 Views
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 07 Sep 2018 1 Comments  17344 Views
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 05 Sep 2018 1 Comments  40673 Views
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 05 Sep 2018 0 Comments  39361 Views
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 05 Sep 2018 0 Comments  51657 Views
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 05 Sep 2018 0 Comments  39217 Views
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 05 Sep 2018 1 Comments  100859 Views
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 04 Sep 2018 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 04 Sep 2018 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.
Results 221 - 240 of 776