pager2

最新推荐文章于 2024-10-21 13:33:12 发布

原创最新推荐文章于 2024-10-21 13:33:12 发布 · 133 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#pager2

ext 专栏收录该内容

15 篇文章

订阅专栏

本文将介绍如何使用Ext JS库创建自定义网格面板，实现数据的高效展示和管理，包括设置面板属性、数据存储、列配置及分页功能。

//create grid
var grid = Ext.create('Ext.form.Panel', {
//title: 'My VM Instance List',
width:'100%',
height: 300,
frame: true,
store: myStore,
loadMask: true,
items: [{
columnWidth: 1,
xtype: 'gridpanel',
store: myStore,
columns:
[
{ header: 'jobInstanceId', dataIndex: 'jobInstanceId', hidden:true},
{ header: 'submitTime', dataIndex: 'submitTime', hidden:true},
{ header: 'startTime', dataIndex: 'startTime', hidden:true},
{ header: 'endTime', dataIndex: 'endTime', hidden:true},
{ header: 'jobTaskTotalCount', dataIndex: 'jobTaskTotalCount', hidden:true} ]
}],
dockedItems: [
{
xtype: 'pagingtoolbar',
store: myStore, // same store GridPanel is using
dock: 'bottom', //分页位置
emptyMsg: '没有数据',
displayInfo: true,
displayMsg: '当前显示{0}-{1}条记录 / 共{2}条记录 ',
beforePageText: '第',
afterPageText: '页/共{0}页'
}],
renderTo: Ext.get('contents')
});