easyui+datagrid初始化

(function() {

(‘#layout_userdatagrid’).datagrid({
url : ‘${pageContext.request.contextPath}/user/userAction!datagrid.action’,
fit:true,//自動適應邊距
fitColumns:true,//例自動適應邊距
border:false,
idField:’id’,//加上這個才能獲得id
pagination:true,//顯示分頁
pagePosition:’bottom’,//分頁顯示的位置
sortName:’createdatetime’,//按什么排序
sortOrder:’desc’,
pageSize:10,//怎么分頁
pageList:[10,20,30,40,50],
frozenColumns:[[{//凍結例,也可以凍結行看demo里面有
field : ‘id’,
title : ‘編號’,
width : 150,
hidden:true}, {
field : ‘name’,
title : ‘姓名’,
width : 150,
sortable:true},
]],columns : [ [ {
field : ‘id’,
title : ‘編號’,
width : 150,
hidden:true
}, {
field : ‘pwd’,
title : ‘密碼’,
width : 150,
formatter: function(value,row,index){
return ‘’+value+’’;
}}, {
field : ‘createdatetime’,
title : ‘創(chuàng)建時間’,
width : 150,
sortable:true//可以點擊表頭排序
}, {
field : ‘modifydatetime’,
title : ‘修改時間’,
width : 150}] ]});
});


$(function() {$('#layout_userdatagrid').datagrid({

url : '${pageContext.request.contextPath}/user/userAction!datagrid.action',??

fit:true,//自動適應邊距? ?

fitColumns:true,//例自動適應邊距??

border:false,? ?

idField:'id',//加上這個才能獲得id? ?

pagination:true,//顯示分頁??

pagePosition:'bottom',//分頁顯示的位置? ?

sortName:'createdatetime',//按什么排序? ?

sortOrder:'desc',? ?

pageSize:10,//怎么分頁??

pageList:[10,20,30,40,50],??

frozenColumns:[[{//凍結例,也可以凍結行看demo里面有

field : 'id',

title : '編號',

width : 150,

hidden:true}, {

field : 'name',

title : '姓名',

width : 150,

sortable:true},

]],columns : [ [ {

field : 'id',

title : '編號',

width : 150,

hidden:true

}, {

field : 'pwd',

title : '密碼',

width : 150,

formatter: function(value,row,index){

return ''+value+'';

}}, {

field : 'createdatetime',

title : '創(chuàng)建時間',

width : 150,

sortable:true//可以點擊表頭排序

}, {

field : 'modifydatetime',

title : '修改時間',

width : 150}] ]});

});

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容