首頁 > web前端 > js教程 > jqgrid 編輯新增功能詳細解析_jquery

jqgrid 編輯新增功能詳細解析_jquery

WBOY
發布: 2016-05-16 17:16:51
原創
1156 人瀏覽過

ColModel 是jqGrid裡最重要的一個屬性,設定表格列的屬性。

用法:

Java程式碼:

複製程式碼 程式碼如下:

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

屬性  資料類型  備註  預設值 

align :left, center, right.  left  classes  string  設定列的css。多個class之間以空格分隔,如:'class1 class2' 。表格預設的css屬性是ui-ellipsis  empty string 
datefmt  string  對日期欄位進行格式化。 ”/”, ”-”, and ”.”都是有效的日期分隔符號。 y , array  編輯時設定的一些屬性  empty array 
editrules  array  可編輯儲存格的一些額外屬性設定  empty array 
edittype  string  可以編輯的類型。可選值:text, textarea, select, checkbox, password, button, image and file.  text 
fixed  boolean  列寬度是否要固定不可變  false 
formoptions  列寬度是否要固定不可變  false  formatoptions  array  對某些列進行格式化的設定  none 
formatter  mixed  對列進行格式化時設定的函數名稱或類型  none 
hidedlg  boolean  是否顯示或隱藏此欄位初始化表格時是否要隱藏此列  false 
index  string  當排序時定義排序欄位名稱的索引,參數名稱為sidx  empty string 
jsonmap  string  定義了  當端回傳的資料中沒有id時,將此作為唯一rowid使用,預設只能有一個id屬性  false 
label  string  如果colNames為空則用此值來作為列的顯示名稱,如果都沒有設定則使用name 值  none 
name  string  必輸項,表格列的名稱,所有關鍵字,保留字都不能作為名稱使用包括subgrid, cb and rn.  Required 
resizable  boolean  是否可以被resizableable boolean  在搜尋模式下,定義此欄位是否可以作為搜尋列  true 
searchoptions  array  設定搜尋參數  empty 
sortable  boolean  設定搜尋參數類型,可選值:int/integer - 對integer排序float/number/currency - 排序數字date - 排序日期text - 排序文字  text 
stype  string  定義搜尋元素的類型  text 
surl  string  定義搜尋元素的類型  text 
surl  stringurl url  empty string 
width  number  預設列的寬度,只能是像素值,不能是百分比  150 
xmlmap  string  定義目前列跟傳回的xml 555p)  '單元格值  null 


原始碼中新增




複製程式碼

程式碼如下:


editurl:'index.php?do=do_edit',
     addurl:'index.php?do=do_add',
                      mtype: 'GET' ,
                                           {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後增加也是同樣有效的;


添加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 不包含

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板