easyui+datagrid初始化

(‘#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 : ‘创建时间’,
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 : '创建时间',

width : 150,

sortable:true//可以点击表头排序

}, {

field : 'modifydatetime',

title : '修改时间',

width : 150}] ]});

});

你可能感兴趣的:(easyui+datagrid初始化)