jqgrid 編輯添加功能詳細解析

2019-11-20 21:45:29

字體：大中小

來源：轉載

供稿：網友

ColModel 是jqGrid里最重要的一個屬性，設置表格列的屬性。

用法：

Java代碼：

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

屬性數據類型備注默認值
align string 定義單元格對齊方式；可選值：left, center, right. left
classes string 設置列的css。多個class之間用空格分隔，如：'class1 class2' 。表格默認的css屬性是ui-ellipsis empty string
datefmt string 對日期列進行格式化。”/”, ”-”, and ”.”都是有效的日期分隔符。y,Y,yyyy 年YY, yy 月m,mm for monthsd,dd 日. ISO Date (Y-m-d)
defval string 查詢字段的默認值空
editable boolean 單元格是否可編輯 false
editoptions array 對列進行編輯時設置的一些屬性 empty array
editrules array 對于可編輯單元格的一些額外屬性設置 empty array
edittype string 可以編輯的類型。可選值：text, textarea, select, checkbox, password, button, image and file. text
fixed boolean 列寬度是否要固定不可變 false
formoptions array 對于form進行編輯時的屬性設置 empty
formatoptions array 對某些列進行格式化的設置 none
formatter mixed 對列進行格式化時設置的函數名或者類型 none
hidedlg boolean 是否顯示或者隱藏此列 false
hidden boolean 在初始化表格時是否要隱藏此列 false
index string 當排序時定義排序字段名稱的索引，參數名為sidx empty string
jsonmap string 定義了返回的json數據映射 none
key boolean 當從服務器端返回的數據中沒有id時，將此作為唯一rowid使用，默認只能有一個id屬性 false
label string 如果colNames為空則用此值來作為列的顯示名稱，如果都沒有設置則使用name 值 none
name string 必輸項，表格列的名稱，所有關鍵字，保留字都不能作為名稱使用包括subgrid, cb and rn. 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 empty string
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 開始于 ( LIKE val% )
bn 不開始于 ( not like val%)
in 在內 ( in ())
ni 不在內( not in ())
ew 結束于 (LIKE %val )
en 不結束于
cn 包含 (LIKE %val% )
nc 不包含