easyui datagrid 如何分页？

Question

本帖最后由 specturm 于 2011-02-16 10:00:38 编辑

Answer 1

那是因为DEMO的数据datagrid_data.json中只有10条

Answer 2

/**
 * datagrid
 */
$( '#users' ).datagrid( {
title: 'dataGrid',
url: 'findMyUsers.action?' + encodeURI( $( '#searchFrm' ).serialize() ),
queryParams: {
'pageBean.currentPage': 1,
'pageBean.pageSize': 10
},
width: 700,
idField: 'id',
columns: [ [ {
field: 'ckbox',
checkbox: true
}, {
field: 'id',
title: 'id',
width: 150
}, {
field: 'name',
title: 'name',
width: 150
}, {
field: 'sex',
title: 'sex',
width: 150
} ] ],
pagination: true,
pageList: [ 1, 2, 5, 10, 20, 30, 50 ]
} ); /**
 * pagination
 */
$( '#users' ).datagrid( 'getPager' ).pagination( {
onSelectPage: function( pageNumber, pageSize ) {
$( '#users' ).datagrid( 'reload', $.extend( $( '#users' ).datagrid( 'options' ).queryParams, {
'pageBean.currentPage': pageNumber,
'pageBean.pageSize': pageSize
} ) );
}
} );