jquery之jqGrid

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

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

«    2024年11月    »
123
45678910
11121314151617
18192021222324
252627282930
搜索
标签列表
网站分类
最新留言
    文章归档
    友情链接

    Powered By Z-BlogPHP 1.7.3

    Copyright Your WebSite.Some Rights Reserved.闽ICP备11018667号-2