EXTJS4如何实现搜索框
如何在EXTJS页面中设置搜索框(或搜索字段) 我尝试了以下操作,但页面中没有显示任何内容: 1.在WebContent/ext/ux文件夹中添加了SearchField.js。 2.编码如下:EXTJS4如何实现搜索框,extjs,extjs4,Extjs,Extjs4,如何在EXTJS页面中设置搜索框(或搜索字段) 我尝试了以下操作,但页面中没有显示任何内容: 1.在WebContent/ext/ux文件夹中添加了SearchField.js。 2.编码如下: Ext.Loader.setConfig({ enabled: true, paths: { 'Ext.ux': 'ext/ux' } }); Ext.requ
Ext.Loader.setConfig({
enabled: true,
paths: {
'Ext.ux': 'ext/ux'
}
});
Ext.require([
'Ext.ux.form.SearchField'
]);
Ext.onReady(function () {
var win=Ext.create('widget.window',{
title: 'Super User Access Management',
height: 480,
width: 640,
border:false,
items : [
{
xtype : 'combobox',
fieldLabel : 'Module',
value: 'Super Admin' ,
store: ['Super Admin', 'Partner Contact Management', 'Partner Trainning Management'],
listeners: {
select: function(){
alert('Hello module!');
}
}
},
{
xtype : 'combobox',
value: 'Infogain' ,
store: ['Infogain', 'IBM', 'Mocrosoft'],
listeners: {
select: function(){
alert('Hello partner!');
}
}
},
{
xtype: 'searchfield',
height: 30,
id: 'searchField',
styleHtmlContent: true,
width: 320,
fieldLabel: '',
},
{
xtype: 'gridpanel',
border: false,
title:'Empty grid',
columns: [{header: 'World'}],
store: Ext.create('Ext.data.ArrayStore', {})
}
]
});
win.show();
});
请告诉我哪里做错了。回答问题下的评论: 为此我使用了一种新的方法 您可以将工具栏放置在带有
dockditems
config的容器中
tbar: [
'Search : ', ' ',
new Ext.ux.form.SearchField({
store: store,
width:320
})
]
在表单中添加代码。指定
存储
。您需要将用户体验放在ext/ux/form文件夹中假设我有两个下拉框,一个搜索框和一个网格。我想在顶部显示drpbx1,然后在一行中显示下面左侧的drpbx2和右侧的搜索框,并在网格下方显示。你能建议一下,我应该使用什么布局,需要什么特殊配置吗。编辑代码。不,我可以成功完成。谢谢你真的应该接受@A1rPun的回答,让他相信这一点。