Question

ExtJS Grid 搜索功能

需求:

页面刚加载时,已经创建一个store, 分页完成, 放到grid显示
grid 上方有toolbar, toolbar上有一个 combobox, 选择搜索关键字类型,
后面有个 textfield, 搜索关键字输入框, 再后面有个 button, 点击后 ajax 提交到后台,获取搜索结果后,
分页显示到grid

求思路

Answer 1

大致思路，你参考下：
{
text: '搜索', iconCls:'icon-zoom',
handler: function(btn){ //点击搜索时执行函数
var type= Ext.getCmp('combo_id').getValue(); //关键字类型
var value= Ext.getCmp('textfield_id').getValue(); //搜索值
var gridSearch = {keyType:type, searchStr:value}; //组合成一个对象去传递
var store = Ext.getCmp('grid_id').getStore(); //获取grid的store
store.baseParams = {}; //绑定参数（在store访问的那个路由中去接收并处理）
store.baseParams['gridSearch'] = Ext.encode(gridSearch);
store.lastOptions.params[store.paramNames.start] = 0;
store.removeAll();
store.commitChanges();
store.reload();
}
}