提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其它

当前栏目

jqgrid编辑添加功能详细解析

解析 功能 详细 添加 编辑 jqgrid
2023-06-13 09:15:11 时间

ColModel是jqGrid里最重要的一个属性，设置表格列的属性。

用法：

Java代码：

复制代码代码如下:

jQuery("#gridid").jqGrid({  
...  
  colModel:[{name:"name1",index:"index1"...},{...},...],  
..  
}); 

属性 数据类型 备注 默认值 
align string 定义单元格对齐方式；可选值：left,center,right. left 
classes string 设置列的css。多个class之间用空格分隔，如："class1class2"。表格默认的css属性是ui-ellipsis emptystring 
datefmt string 对日期列进行格式化。”/”,”-”,and”.”都是有效的日期分隔符。y,Y,yyyy年YY,yy月m,mmformonthsd,dd日. ISODate(Y-m-d) 
defval string 查询字段的默认值 空 
editable boolean 单元格是否可编辑 false 
editoptions array 对列进行编辑时设置的一些属性 emptyarray 
editrules array 对于可编辑单元格的一些额外属性设置 emptyarray 
edittype string 可以编辑的类型。可选值：text,textarea,select,checkbox,password,button,imageandfile. text 
fixed boolean 列宽度是否要固定不可变 false 
formoptions array 对于form进行编辑时的属性设置 empty 
formatoptions array 对某些列进行格式化的设置 none 
formatter mixed 对列进行格式化时设置的函数名或者类型 none 
hidedlg boolean 是否显示或者隐藏此列 false 
hidden boolean 在初始化表格时是否要隐藏此列 false 
index string 当排序时定义排序字段名称的索引，参数名为sidx emptystring 
jsonmap string 定义了返回的json数据映射 none 
key boolean 当从服务器端返回的数据中没有id时，将此作为唯一rowid使用，默认只能有一个id属性 false 
label string 如果colNames为空则用此值来作为列的显示名称，如果都没有设置则使用name值 none 
name string 必输项，表格列的名称，所有关键字，保留字都不能作为名称使用包括subgrid,cbandrn. Required 
resizable boolean 是否可以被resizable true 
search boolean 在搜索模式下，定义此列是否可以作为搜索列 true 
searchoptions array 设置搜索参数 empty 
sortable boolean 是否可排序 true 
sorttype string 用在当datatype为local时，定义搜索列的类型，可选值：int/integer-对integer排序float/number/currency-排序数字date-排序日期text-排序文本 text 
stype string 定义搜索元素的类型 text 
surl string 搜索数据时的url emptystring 
width number 默认列的宽度，只能是象素值，不能是百分比 150 
xmlmap string 定义当前列跟返回的xml数据之间的映射关系 none 
unformat function ‘unformat"单元格值 null 

源码中添加

复制代码代码如下:

editurl:"index.php?do=do_edit",
    addurl:"index.php?do=do_add",
                   datatype:"xml",
                   mtype:"GET",
                   colNames:["ID","任务名称","所属类"
                   colModel:[
                       {name:"taskid",index:"taskid",width:100,align:"center",searchoptions:{sopt:["eq","ne","lt","le","gt","ge"]}},
     {name:"taskname",index:"taskname",width:100,align:"center",editable:true},
     {name:"classid",index:"classid",width:100,align:"center",editable:true,edittype:"select",editoptions:{
      value:"1:事务;2:非事务"},editselected:"classid"},

                   ],


添加editable后添加也是同样有效的；

搜索
eq等于(=)
ne不等于(<>)
lt小于(<)
le小于等于(<=)
gt大于(>)
ge大于等于(>=)
bw开始于(LIKEval%)
bn不开始于(notlikeval%)
in在内(in())
ni不在内(notin())
ew结束于(LIKE%val)
en不结束于
cn包含(LIKE%val%)
nc不包含

相关文章