easyui treegrid的分页pagination
<script type="text/javascript">
$(document).ready(function(){
$('#menuItemGridId').treegrid({
width:1000,
height:500,
url:sy.bp()+"/ideaController.do?ideaQuery" ,
idField:'id',
treeField:'name',
pageSize:5,
pageList: [5,10,15],
pagination:true,
fitColumns:true,
rownumbers: true,
animate:true,
collapsible:true,
fitColumns:true,
showFooter:true,
frozenColumns : [ [ {
title : 'id',
field : 'id',
width : 50,
hidden : true
}, {
field : 'name',
title : '名称',
width : 150,
editor : {
type : 'validatebox',
options : {
required : true
}
},
formatter : function(value) {
if (value) {
return sy.fs('<span title="{0}">{1}</span>', value, value);
}
}
} ] ],
columns : [ [ {
field : 'describe',
title : '描述',
width : 100,
editor : {
type : 'text'
},
formatter : function(value) {
if (value) {
return sy.fs('<span title="{0}">{1}</span>', value, value);
}
}
}, {
field : 'createTime',
title : '创建时间',
width : 100,
editor : {
type : 'datetimebox',
required:true,
options:{
}
}
}]],
onBeforeLoad: function(row,param){
//alert("dd");
if (!row) { // load top level rows
param.id = ""; // 后台可以 很轻松的把 ，分页pagination条件不添加区分开来
}
}
});
});
</script>
</head>
<body>
<div id="menuItemGridId"></div>
</body>
$(document).ready(function(){
$('#menuItemGridId').treegrid({
width:1000,
height:500,
url:sy.bp()+"/ideaController.do?ideaQuery" ,
idField:'id',
treeField:'name',
pageSize:5,
pageList: [5,10,15],
pagination:true,
fitColumns:true,
rownumbers: true,
animate:true,
collapsible:true,
fitColumns:true,
showFooter:true,
frozenColumns : [ [ {
title : 'id',
field : 'id',
width : 50,
hidden : true
}, {
field : 'name',
title : '名称',
width : 150,
editor : {
type : 'validatebox',
options : {
required : true
}
},
formatter : function(value) {
if (value) {
return sy.fs('<span title="{0}">{1}</span>', value, value);
}
}
} ] ],
columns : [ [ {
field : 'describe',
title : '描述',
width : 100,
editor : {
type : 'text'
},
formatter : function(value) {
if (value) {
return sy.fs('<span title="{0}">{1}</span>', value, value);
}
}
}, {
field : 'createTime',
title : '创建时间',
width : 100,
editor : {
type : 'datetimebox',
required:true,
options:{
}
}
}]],
onBeforeLoad: function(row,param){
//alert("dd");
if (!row) { // load top level rows
param.id = ""; // 后台可以 很轻松的把 ，分页pagination条件不添加区分开来
}
}
});
});
</script>
</head>
<body>
<div id="menuItemGridId"></div>
</body>