Node.js
32 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Rescooped by Pavel Procházka from JavaScript for Line of Business Applications
Scoop.it!

Data-grid using Knockout JS with paging and sorting

Data-grid using Knockout JS with paging and sorting | Node.js | Scoop.it

We will build two types of data-grids (tables) in this article:
* One with AJAX based paging and sorting for displaying large number of records
* One with JavaScript based (no-postbacks/AJAX calls) paging and sorting for lesser number of records

In both of the above we want the following:
* Reusable, extensible, and maintainable JavaScript code
* Use Knockout JS (KO)

We would display a list of students, their age, school name, and school address in a data-grid (as shown in the image above).

In this article, I want to demonstrate the use of KO and some basic object oriented JavaScript. There are other good articles on CodeProject demonstrating, for example, the use of jqGrid with MVC 4. However here we will develop the entire data-grid (with paging/sorting functions) to have better control over the generated output.

Though I have used ASP.NET MVC 4 as backend to this project, other technologies (PHP etc.) can be used as well, as the client side code to generate data-grid is agnostic of backend technology. I will keep explaining any particular JavaScript constructs that are a bit tricky for users having only basic knowledge of JavaScript.


Via Jan Hesse
more...
No comment yet.
Rescooped by Pavel Procházka from Node.js
Scoop.it!

Nitrous.IO - Develop in the Cloud

Nitrous.IO - Develop in the Cloud | Node.js | Scoop.it

Nitrous.IO provides a lightning fast way to set up development environments and code in the cloud. No installation needed. We support Python, Ruby, NodeJS, a...


Via Eyal Vardi
more...
No comment yet.