jPList - jQuery Data Grid Controls with NodeJS and Express
CSS HTML JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
bin
public
routes
views
.gitignore
LICENSE
README.md
app.js
mysql-db-create.sql
package.json
run.txt

README.md

jPList - jQuery Data Grid Controls - NodeJS Version jPList - jQuery Data Grid Controls - NodeJS Version

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc). This sample project uses NodeJS, Express and MySQL database. The data is in JSON format, and it's rendered on the client by Handlebars templates. Any other javascript template library can be used instead of Handlebars, for example Mustache templates, Underscore templates etc. Other server side options can be found here.

Common Features

  • Works with any content (tables, lists, div elements etc...)
  • Works with JavaScript templates like Handlebars, Mustache etc.
  • Grid/list/thumbs view
  • Supports local storage and cookies
  • Has deep links support
  • Fully customizable styles
  • Works in all major browsers
  • Annotated source code
  • Solid documentation

Sorting

  • Ascending and descending sorting
  • Sort numbers, text, date and time
  • SELECT and UL/LI sort controls

Pagination

  • Auto pagination control
  • Google style pagination
  • Items per page control

Filter and Search

  • Any number of textbox filters
  • Any number of dropdown filters

Other Controls

  • Reset button Control
  • Back button Control

Browser Compatibility

  • Internet Explorer 8+
  • Firefox
  • Chrome
  • Safari
  • Opera

Installation

  • Create MySQL database using mysql-db-create.sql
  • Run npm install
  • Run npm start
  • Open the website at localhost:3000

jQuery Compatibility

  • Works with jQuery from version 1.7
  • Works with jQuery 2.x versions

License

Links