ExtJS 4 grid 带参数 查询 分页 store beforeload 解决办法
2012-02-15 17:24
603 查看
先上核心代码,恍然大悟的直接去修改代码吧!
store.on('beforeload', function (store, options) {
var new_params = { name: Ext.getCmp('search').getValue() };
Ext.apply(store.proxy.extraParams, new_params);
// alert('beforeload');
});
在Ext 3 中的
store.on('beforeload', function () {
store.baseParams = {
name: '5555555',
intss: '666666666'
};
});
已经不适合与ext4 系列了。
下面给出完整的代码。原理很简单,将搜索条件放在store的baseParams中,每次加载都赋值。
只是需要强制赋值,因为默认的pagetoolbar只会把start、limit、page、sort、dir传递给store。
var store = new Ext.data.Store({
pageSize: GridPageSize,
model: 'Master',
autoLoad: false,
proxy: {
type: 'ajax',
url: '/master/GetMasterData',
reader: {
type: 'json',
root: 'data',
totalProperty: 'totalCount'
}
},
fields: [
{ name: 'Id' },
{ name: 'Master_Name' }
//排序
sorters: [{
property: 'Master_Name',
direction: 'DESC'
}]
});
store.on('beforeload', function (store, options) {
var new_params = { name: Ext.getCmp('search').getValue() };
Ext.apply(store.proxy.extraParams, new_params);
// alert('beforeload');
});
store.load({
params: { start: 0, limit: GridPageSize }
})
store.on('beforeload', function (store, options) {
var new_params = { name: Ext.getCmp('search').getValue() };
Ext.apply(store.proxy.extraParams, new_params);
// alert('beforeload');
});
在Ext 3 中的
store.on('beforeload', function () {
store.baseParams = {
name: '5555555',
intss: '666666666'
};
});
已经不适合与ext4 系列了。
下面给出完整的代码。原理很简单,将搜索条件放在store的baseParams中,每次加载都赋值。
只是需要强制赋值,因为默认的pagetoolbar只会把start、limit、page、sort、dir传递给store。
var store = new Ext.data.Store({
pageSize: GridPageSize,
model: 'Master',
autoLoad: false,
proxy: {
type: 'ajax',
url: '/master/GetMasterData',
reader: {
type: 'json',
root: 'data',
totalProperty: 'totalCount'
}
},
fields: [
{ name: 'Id' },
{ name: 'Master_Name' }
//排序
sorters: [{
property: 'Master_Name',
direction: 'DESC'
}]
});
store.on('beforeload', function (store, options) {
var new_params = { name: Ext.getCmp('search').getValue() };
Ext.apply(store.proxy.extraParams, new_params);
// alert('beforeload');
});
store.load({
params: { start: 0, limit: GridPageSize }
})
相关文章推荐
- ExtJS 4 grid 带参数 查询 分页 store beforeload 解决办法
- ExtJS 4 grid 带参数 查询 分页 store beforeload 解决办法
- ExtJS 4 grid 带参数 查询 分页 store beforeload 解决办法
- ExtJS 4 grid 带参数 查询 分页 store beforeload 解决办法
- ext4【 监听事件 beforeload,用法】【grid 带参数 查询 分页 store beforeload 解决办法 】
- ExtJS grid 带参数查询分页 store 传额外参数解决办法
- Extjs6 grid带参数分页查询 store beforeload
- extjs store load 加载数据参数和分页时参数设置
- ExtJs 4分页(pagingtoolbar)带参数(条件)查询解决方法
- ExtJs 4分页(pagingtoolbar)带参数(条件)查询解决方法
- ExtJs 3 ExtJs4 分页(pagingtoolbar)带参数(条件)查询解决方法
- pager-taglib分页控件查询参数乱码解决方法
- Extjs 4.2 grid 分页问题,点击下一页参数没带过去
- ExtJs.Store.load()各参数含义解析
- ExtJs.Store.load()各参数含义解析
- extjs treepanel checkbox得到所选的参数,浏览器不兼容的解决办法
- ExtJS4 Grid 带参数的查询
- 工厂模式生成构造函数带参数的对象时的解决办法(Assembly.Load(path).CreateInstance)
- Extjs4 store load 有中文字符提交后台乱码解决方法
- Extjs 指定 grid 和 分页工具条的 store