强大的JQuery的插件jqGrid(3)

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

datefmt：日期格式，默认值为：Y-M-d

editable：定义field是否可编辑，该属性用于inline和form编辑，默认值为false

editrules：editrules：{edithidden:true,//如果为true，则该列在添加和编辑时被隐藏

required:true,//如果为true，则该列表格不能为空

number:true,//true时表格必须为数字型

integer:true,//true时，表格数字为整形

minValue:val,//设置数字最小值与最大值

maxValue:val,

email:true}//验证是否为email

edittype：定义编辑类型：text,texttarea,select,checkbox,passworad

hidedlg: 为true时，该列不会显示在表格对话框中

hidden： 定义列在初始化时是否被隐藏

index： 定义索引名

name: 定义属性名，必填项

resizable: 定义列是否可调整大小

index: 定义列id

width： 宽度

align： 对齐方式

pager： 导航条要展示的位置

rowNum： 默认的每页显示记录数

rowList： 可选的每页显示数

viewrecords： 是否设置表格可选，为true是可选，但此时表格不可编辑，只有在false是才可以编辑

imgpath： 图片路径

注：以上属性并不会全部同时出现在jqGrid表格设置里，jqGrid设计了灵活多变的不同组合来展示表格不同的功能。在以后的实际应用里，将对重点属性的组合和分配进行说明。

四、 增加、删除、修改操作的实现

1) 增加

jqGrid包自身封装了相当完善的操作事件，

jQuery("#list").navGrid('#pager',

{

refresh: true,

edit: true,

add: true,

del: true,

search: true ,

position:"right"})

将上面一段代码，添加到jqGrid({})后面，refresh等参数，均设置为true，则

导航条上即可显示出五个按钮，刷新、编辑、增加、查找等，position设置这些按钮在导航条上的位置。

editurl: pathname+'/xmlTableEdit?openagent&oper=edit', //设置添加、更新的url