jQuery网格插件 jqGrid
http://download.csdn.net/source/1558159
http://my.oschina.net/yonge/blog/1905
http://rikugun.javaeye.com/blog/253149
add del
http://plugins.jquery.com/project/jqGrid
jquery插件:jqgrid的入门使用心得
javaeye.com/topic/513009?page=4http://www.phplover.cn/post/php-jquery-ajax.html">http://www.javaeye.com/topic/513009?page=4
http://www.phplover.cn/post/php-jquery-ajax.html
http://hi.baidu.com/yeakyang/blog/item/84e52a77da52061fb051b9cb.html
jqGrid
是一个用来显示网格数据的jQuery插件。
qGrid是一个jQuery Grid插件,是客户端加载数据解决方案,有着优秀的界面和提供了良好的文档,它可以使用任何服务器端语言,比如:ASP,PHP,ASP.NET,JSP等等。
jqGrid3.6中文文档
http://wenku.baidu.com/view/83b90cc52cc58bd63186bdd5.html
主要特点:
-Full control with JavaScript API
-Data returned from the server is XML
-Simple configuration
-Ability to load big datasets (paging)
-Resizable columns
-Server-side sorting
-Support of links, images, checkboxes
-You can add more than one grid on a sigle page (master-detail)
-Paging
jQuery().ready(function(){
jQuery("#list1").jgGrid({
url:'<%=basePath
%>invheader.do?act=find',
dataType: "xml",
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
{name:'id',index:'id', width:75},
{name:'invdate',index:'invdate', width:90},
{name:'name',index:'name', width:100},
{name:'amount',index:'amount', width:80, align:"right"},
{name:'tax',index:'tax', width:80, align:"right"},
{name:'total',index:'total', width:80,align:"right"},
{name:'note',index:'note', width:150, sortable:false}
],
rowNum:10,
autowidth:true,
rowList:[10,20,30],
pager:jQuery('#pager1'),
sortname:'id',
viewrecords: true,
sortorder: "desc",
caption:"XML Example"
}).navGrid('#pager1',{edit:false,add:false,del:false});
});
http://json-lib.sourceforge.net/usage.html