extjs中在GridPanel上添加一个搜索框 (文本框+按钮)怎么实现啊。。
展开全部
直接配置到工具条tbar里就行了:
var grid = new Ext.grid.GridPanel({
id: "grid1",
title: "GridPanel实例",
renderTo: "div1",
width: 500,
height: 300,
frame: true,
tbar: [{xtype:'label',text:'请输入关键词:'},{xtype:'textfield',id:'KeyWord'},{text:'搜索',handler:function(){alert("搜索");}}
],
。。。。。//其它配置项
});
var grid = new Ext.grid.GridPanel({
id: "grid1",
title: "GridPanel实例",
renderTo: "div1",
width: 500,
height: 300,
frame: true,
tbar: [{xtype:'label',text:'请输入关键词:'},{xtype:'textfield',id:'KeyWord'},{text:'搜索',handler:function(){alert("搜索");}}
],
。。。。。//其它配置项
});
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
load 事件中做。
举例如下:
var selModel = new Ext.grid.CheckboxSelectionModel(); //你的 Checkbox 选择器定义
var dataStore = new Ext.data.JsonStore({
//...
//这儿是你的 dataStore 的具体定义
//...
listeners: {
load: function(store) {
var index = 0;
store.each(function(record) {
if(record.data.column_name == '1') { //column_name 替换成你的列名, '1' 替换成你的值
selModel.selectRow(index);
}
index++;
})
}
}
});
举例如下:
var selModel = new Ext.grid.CheckboxSelectionModel(); //你的 Checkbox 选择器定义
var dataStore = new Ext.data.JsonStore({
//...
//这儿是你的 dataStore 的具体定义
//...
listeners: {
load: function(store) {
var index = 0;
store.each(function(record) {
if(record.data.column_name == '1') { //column_name 替换成你的列名, '1' 替换成你的值
selModel.selectRow(index);
}
index++;
})
}
}
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询