extjs4 表格的store是动态的,但分页工具栏的store始终是初始化的那个
具体是这样的:我有一棵菜单树当我点击不同的菜单时右边的表格会有不同的内容,但是下面的分页工具栏只要我点击下一页表格显示的就是初始化的数据,{id:'toolbar',xt...
具体是这样的:我有一棵菜单树当我点击不同的菜单时右边的表格会有不同的内容,但是下面的分页工具栏只要我点击下一页表格显示的就是初始化的数据,
{
id:'toolbar',
xtype : 'pagingtoolbar',
store : gridstore,
displayInfo : true,
dock : 'bottom',
displayMsg : '显示第{0}到第{1}记录,一共{2}条',
emptyMsg : "没有记录"
}
gridstore有一个初始化的数据,点击菜单时我会加入新的参数,但工具条还是原来的那个gridstore
如何使得分页工具栏的store和grid的store保持一致 展开
{
id:'toolbar',
xtype : 'pagingtoolbar',
store : gridstore,
displayInfo : true,
dock : 'bottom',
displayMsg : '显示第{0}到第{1}记录,一共{2}条',
emptyMsg : "没有记录"
}
gridstore有一个初始化的数据,点击菜单时我会加入新的参数,但工具条还是原来的那个gridstore
如何使得分页工具栏的store和grid的store保持一致 展开
展开全部
亲 第一个问题就是分页工具栏的Store就是Grid的Store,正确使用方式如下:
1.在Grid的Store定义
var store = Ext.create('Ext.data.Store', {
model: ‘Demo’,
pageSize: itemsPerpage,
proxy:{
waitTitle : '提醒:',
waitMsg : '数据加载中...',
type : 'ajax',
url : '自定义action路径',
reader:{
type : 'json',//传回的数据类型
root: 'items',//读取数据的节点名称
totalProperty :'total'//非常重要,数据总条目数,你要在后台算出后写在JSON中传回
}
}
});
2.Grid中定义bbar
bbar: Ext.create('Ext.PagingToolbar', {
store: store,//关键在此,下面的配置项可参看API配置
displayInfo: true,
xtype :'pagingtoolbar',
beforePageText :"第"
})。
3.store的加载方式
store.load(
{
params:{
start :0,
limit :20
}
});
为了保持通过limit和pageSize的数量要一致,start会在翻页时自动累加,后台取到start和limit参与查询即可。
若是store中需要带其他参数就要添加事件
store.on('beforeload',function(){ // =======翻页时 查询条件
Ext.apply(
store.proxy.extraParams, {
flag : 1//自定义的
}
);
});
以上的这些讯息完全可以解决pagingBar的问题了
1.在Grid的Store定义
var store = Ext.create('Ext.data.Store', {
model: ‘Demo’,
pageSize: itemsPerpage,
proxy:{
waitTitle : '提醒:',
waitMsg : '数据加载中...',
type : 'ajax',
url : '自定义action路径',
reader:{
type : 'json',//传回的数据类型
root: 'items',//读取数据的节点名称
totalProperty :'total'//非常重要,数据总条目数,你要在后台算出后写在JSON中传回
}
}
});
2.Grid中定义bbar
bbar: Ext.create('Ext.PagingToolbar', {
store: store,//关键在此,下面的配置项可参看API配置
displayInfo: true,
xtype :'pagingtoolbar',
beforePageText :"第"
})。
3.store的加载方式
store.load(
{
params:{
start :0,
limit :20
}
});
为了保持通过limit和pageSize的数量要一致,start会在翻页时自动累加,后台取到start和limit参与查询即可。
若是store中需要带其他参数就要添加事件
store.on('beforeload',function(){ // =======翻页时 查询条件
Ext.apply(
store.proxy.extraParams, {
flag : 1//自定义的
}
);
});
以上的这些讯息完全可以解决pagingBar的问题了
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询