强大的JQuery的插件jqGrid(2)

希望这个帮助文档能对大家学习jQuery的插件jqGrid带来帮助(在个人的使用过程中不断更新),希望大家提出意见。

mtype: 'GET',

colNames:['Inv No','Date', 'Amount','Tax','Total','Notes'],

colModel :[

{name:'invid', index:'invid', width:55},

{name:'invdate', index:'invdate', width:90},

{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} ],

pager: jQuery('#pager'),

rowNum:10,

rowList:[10,20,30],

sortname: 'id',

sortorder: "desc",

viewrecords: true,

imgpath: 'themes/basic/images',

caption: 'My first grid'

});

});

以上代码基本可以将要展示的表格展示出来了，现在对一些属性说明：

jQuery(“#list”).jqGrid list为将要显示表格的table 的id

altRows : 设置表格显示斑马条纹属性，默认值为true

caption: 定义表格标题名

cellEdit： 设置表格单元是否可以编辑，默认值为true，详见cellEdit介绍

cellsubmit: 决定cell容器如何被保存，使用’remote’或者‘clientArray’，详见cellEdit cellurl: 处理cell编辑的url路径，默认值为空

datatype : 从后台展示的数据格式，有xml、 json等

mtype： 数据传递的方式,有get 和post两种

editurl: 定义inline和form 编辑的后台处理url

Expandcolumn: 在定义treeGrid情况下，指明那一列用来伸展树

forceFit：设置表格在被拖动时自动调整大小以不破坏表格整体布局，注：该属性和 shrinkToFit不能同时使用

gridstate: 设置通用表格在使用hiddengrid属性时，hidegrid的值，可以是：’visible’

或’hidden’默认为visible

shrinkToFit

loadonce: 如果该值设置为true则表格数据仅加载一次，在第一次请求之后数据信息自动转变为客户端处理，pager导航条上的函数都不可用。

loadtext： 在请求数据时显示字幕，默认值为：Loading….

colNames：要显示数据表格的列名 ，需要在前台定义好表格列名

colMode： 对要展示的每列值属性进行定义，最常用的有：

align: 定义表格对齐方式，默认值为left