panchoGrid

Author: Roberto Fontanarosa
Latest Version: 1.31 (21/01/2010)
jQuery Compatibility: jQuery 1.32 (panchoGrid: latest) - jQuery 1.4 (panchoGrid: latest)
Description: A jQuery plugin that makes editable a json/ajax dynamic table sending data using ajax
Licence: GPL

Contents

Files

algogrid.zip (old version) | jquery.panchoGrid.js

DEMO

json.php | json2.php
multiple editing (without auto submit), header loaded from json using ajax, additional hidden fields in parameter list, hidden, radio
getparam('multiEdit') | reload | refresh | submit
single editing (auto submit), header loaded from json using ajax, textarea and password
getparam('jsonpath') | reload | refresh | submit
single editing (auto submit), cell editing, additional hidden fields in parameter list, unsupported input type, checkbox
getparam('cellEdit') | reload | refresh | submit

History

Configuration

Property Type Default Description
cols Object {} Object that generates the THEAD tag and its THs
Example: { ColumnName : { htmlAttributeName : 'htmlAttributeValue'} }
See source code of this page for details
This object can be passed also from the json object
rows Object {} Object that describes the input types of the cells, their properties and their HTML attributes
Example: { columnNumber : { type:'elementType', name:'elementName', attrs:{ htmlAttributeName:'htmlAttributeValue' } }
The HTML attributes will be filtered. The grid allows to specify only supported attributes.
See source code of this page for details
Supported input types: text, hidden, password, select, textarea, radio, checkbox
This object can be passed also from the json object
multiEdit Boolean false Allows to choose the edit mode: one or more line/s at once
cellEdit Boolean false Allows to edit a single cell instead of the entire row
dataString Object null Additional hidden fileds. These data will be appended to each row's query string
jsonpath String null Url of the json object that contains the data
submit Object {} Default: { type:'get', action:'' }