In this tutorial, we will implement to get data from ASP.NET Web API and create map chart with markers using jVectorMap plugin. jQuery UI dialog will be used to display drill-down detail information in a responsive and clean manner. This post is based on jVectorMap Data Visualization tutorial.
Tag: jquery
Making ASP.NET GridView Responsive With jQuery FooTable
As the current trend is to make website compatible with all platforms like desktop, tablet and mobile..etc, Responsive Design technique comes into the picture. Using it, the website adapts the layout to the environment that it is being viewed in. In this post, we will make ASP.NET gridview responsive using jQuery FooTable plugin. It hides certain columns of data at different resolutions based on data-* attributes and converts hidden data to expandable rows.
Creating a Pinterest Like Layout in ASP.NET
Fast Downloading with Parallel Requests using ASP.NET Web API
In this article, we will implement to download parts of file in parallel to get the complete file faster. It is very useful to download large file and saves a bunch of time. ASP.NET Web API supports byte range requests(available in latest nightly build) with ByteRangeStreamContent class. We will request the ranges of file parts in parallel and merge them back into a single file.
Syncing Offline Database(HTML5 IndexedDB) With Online Database using ASP.NET Web API
In my previous tutorial, we have implemented CRUD operations on HTML5 IndexedDB database to provide offline support. The next step is to synchronize offline and online databases. In this tutorial, we are going to implement synchronization of IndexedDB and SQL Server databases using ASP.NET Web API.
Offline Add, Edit, Delete Data in HTML5 IndexedDB
You can use HTML5 web storage, IndexedDB or File access API in your app to provide offline support. It allows user to work offline when the network isn’t available. An IndexedDB is a persistent data store in the browser means a database on the client side. It allows you to create app with rich query abilities in both offline and online mode. If you are beginner with IndexedDB, you should first read Using IndexedDB.
Real Time Chart With SignalR and ASP.NET MVC
In my recent post, we have implemented Real-Time Chart using HTML5 Push Notification (SSE) and ASP.NET Web API. I got many requests to implement it using SignalR. So In this tutorial, we are going to display real-time updates with SignalR and ASP.NET MVC. SignalR is an async signaling library for ASP.NET to help build real-time, multi-user interactive web applications. It makes easy to push data from the server to the client.
Real-Time Chart using HTML5 Push Notification (SSE) and ASP.NET Web API
In my recent post, we have seen how to create basic chart using jQuery Flot and ASP.NET Web API. In this article, we’ll create a chart to display real-time updates using native HTML5 push notification. The HTML5 Server-Sent event (SSE) model allows you to push real-time data updates from the server to the browser.
Passing Multiple Parameters to ASP.NET Web API With jQuery
ASP.NET MVC 4 Web API has limited support to map POST form variables to simple parameters of a Web API method. Web API does not deal with multiple posted content values, you can only post a single content value to a Web API Action method. This post explains the different ways to pass multiple parameters to Web API method.
Creating a Chart with jQuery Flot and ASP.NET Web API
This article explains how to display interactive charts with Flot jQuery plugin and ASP.NET Web API. Flot is an open source Javascript plotting library produces graphical plots of arbitrary datasets on-the-fly client-side. We’ll get data from database using ASP.NET Web API and use it to display chart.
Styling Table Or Gridview with CSS3 Bar and Pie Chart
Using jQuery UI Autocomplete With ASP.NET Web API
It explains how to implement jQuery UI Autocomplete feature with ASP.NET Web API and Entity Framework DB First approach. Suppose you have to display complete information of user selected item from auto-complete textbox. In this case you might need primary key field of selected item means we’ve to get Id and Name both from Web API.
ASP.NET CheckBoxList Operations with jQuery
ASP.NET GridView And RepeatColumns(Rows in Multiple Columns) With jQuery
By Default, There is no RepeatColumns property in ASP.NET Gridview to display rows in multiple columns as in DataList control. When Gridview has few columns, It doesn’t take full space of browser. To make good UI, You might need RepeatColumns property. This post explains how to display asp.net GridView rows in multiple columns using jQuery WITHOUT modifying any existing code.
Quantity Validation and Total Calculation in ASP.NET Gridview Shopping Cart with jQuery
In this article, You will get how to implement following features in ASP.NET Gridview shopping cart using jQuery:
1. Enter Numeric quantity for product which must not exceed available quantity.
2. Calculate product wise total price based on entered quantity.
3. Calculate grand total of cart if any quantity is updated.