JqxGrid: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 13: Line 13:
<pre>
<pre>
Dim data, source, dataAdapter
Dim data, source, dataAdapter
data = generatedata(50);
data = generatedata(50)     'generatedata is a function which returns grid data
source = {localdata: data, datatype: "array"};
source = {localdata: data, datatype: "array"}
dataAdapter = new $.jqx.dataAdapter(source);
dataAdapter = new $.jqx.dataAdapter(source)
                
                
Grid1_settings.source = dataAdapter
Grid1_settings.source = dataAdapter

Revision as of 21:37, 27 December 2012

Description

The Grid is a powerful jQuery widget that displays tabular data. It offers rich support for interacting with data, including paging, grouping, sorting, filtering and editing.

Properties and Methods

See the complete documentation at jqWidget's site: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-getting-started.htm

Example

Dim data, source, dataAdapter
data = generatedata(50)     'generatedata is a function which returns grid data
source = {localdata: data, datatype: "array"}
dataAdapter = new $.jqx.dataAdapter(source)
              
Grid1_settings.source = dataAdapter
Grid1_settings.columns = [ _
    { text: "First Name", dataField: "firstname", width: 100 }, _
    { text: "Last Name", dataField: "lastname", width: 100 }, _
    { text: "Product", dataField: "productname", width: 180 }, _
    { text: "Quantity", dataField: "quantity", width: 80, cellsalign: "right" }, _
    { text: "Unit Price", dataField: "price", width: 90, cellsalign: "right", cellsformat: "c2" }, _
    { text: "Total", dataField: "total", cellsalign: "right", minwidth: 100, cellsformat: "c2" } _
  ]

Output