extjs中在GridPanel上添加一个搜索框 (文本框+按钮)怎么实现啊。。

extjs中在GridPanel上添加一个搜索框 (文本框+按钮)怎么实现啊。。,第1张

直接配置到工具条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("搜索")}}

],

。。。。。//其它配置项

})

tabr:是放在上面的工具栏,还有放在下面的工具栏,具体怎麼写我忘掉了,你可以查看一下API

tabr:[

{text:'button' ,handler:function(){}}

]

这就是Ext风格的button了,

祝你好运,有啥问题,留言,讨论

var grid = new Ext.grid.GridPanel({ cm : new Ext.grid.ColumnModel([{header : '按钮,xtype : 'actioncolumn',width : 90,align : 'center',items : [{text: '按钮'}]}])})


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/7970220.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存