使用menu.menu时Extjs4空间问题
我在extjs工作。我认为=使用menu.menu时Extjs4空间问题,menu,extjs4,Menu,Extjs4,我在extjs工作。我认为= Ext.define('a.b.searchPanel',{ extend: 'Ext.panel.Panel', alias : 'widget.searchpanel', me.items = [{ xtype: 'container', height: 40, layout: { type: 'hbox'
Ext.define('a.b.searchPanel',{
extend: 'Ext.panel.Panel',
alias : 'widget.searchpanel',
me.items = [{
xtype: 'container',
height: 40,
layout: {
type: 'hbox'
},
items : [{
xtype: 'textfield',
itemId: 'keywordtextField',
fieldLabel:
labelAlign : 'right',
name: 'field1',
labelWidth:80,
padding: '5 30 0 30',
width:265
},{
xtype: 'image',
margin: '8 0 0 0',
width: 14,
src :'../../UI-INF/images/form/icon-question.png',
listeners: {
afterrender : function(img, eOpts){
img.el.on('mouseover', function() {});
}
}
}]
},{
xtype: 'combo',
itemId: 'tagsCombo',
queryMode: 'local',
padding: '5 10 0 115',
store:searchPanelTagStore,
width: 180,
multiSelect: true,
displayField: 'name',
valueField: 'id',
},{
xtype: 'container',
layout: {
type: 'hbox',
padding: '10 30 0 10'
},
defaults:{
margins: '0 30 0 10'
},
items : [{
xtype: 'datefield',
name: 'searchStartdate',
labelWidth:90,
labelAlign: 'right',
itemId: 'searchPanelStartdate'
},{
xtype: 'datefield',
name: 'searchClosedate',
itemId: 'searchPanelClosedate'
}]
},
})
我已将上述视图作为xtype包含在=
menu: Ext.create('Ext.menu.Menu',{
id: 'searchMenu',
margin:'0 0 0 0',
padding:'0 0 0 0',
items: [{
xtype:'searchpanel',
width: 500,
id: 'search-panel',
height: 300
}]
此屏幕显示为=
当我使用menu.menu时,我的searchpanel视图在左侧有空白。那么如何移除这个空间呢?我希望视图左侧的所有字段都应用以下css。它将与ExtJS4.2一起工作
.no-icon-menu .x-menu-item-icon {
display: none;
}
Ext.create('Ext.menu.Menu',{
id: 'searchMenu',
margin:'0 0 0 0',
padding:'0 0 0 0',
iconCls : 'no-icon-menu',
items: [{
xtype:'searchpanel',
width: 500,
id: 'search-panel',
height: 300
}]