Grid

The most popular way to display table data is in the form of a grid. Grid is the most feature-rich widget in w2ui library. It provides a variety of properties, methods and events to control behavior (render, search, sort), user interactions (selectable, searchable, sortable records), server side communications (request, load, parse), etc.

JavaScript

Grid is a client side widget written completely in JavaScript. There is absolutely no difference what server side language you use to return data for the grid.

JSON Data

Grid expect server to return data in JSON format. You can use any format you want, but do not forget to add onLoad function to parse the data.

Pixel Perfect

Grid holds dynamic data with pixel perfect layout, if you are not completely satisfied, submit a bug.

Local/Remote Data

Data for the grid can be generated in JavaScript or loaded from the server. Defining the url property makes data server side.

Local/Remote Search

If data is local, the grid will perform local search. If data is remove, the grid will submit search fields to the server side.

Local/Remote Sort

If data is local, the grid will perform local sorting. If data is remove, the grid will submit sort fields to the server side.

Sub Grids

Any level of nested grids (or any other HTML code) is supported out to the box and require little effort to code.

Summary Records

Summary records will appear on the bottom of the grid and always stay there, if they are defined.

Events

Flexible even system allows you to create hooks and extend functionality on practically any grid action.

JavaScript APIs

All functionality can be accessed from JavaScript in short, human-readble commands. Clicks, double clicks and other events can be emulated.

Fixed or Resizable

The grid can autoresize based on the number of records or can have predefined height. You can resize the grid from JavaScript to any width/height.

Inline Editing

Records can become input fields or select controls. The data can be captured and sent to the server.

The Code

User Comments

comments powered by Disqus