搜索条件很多,一行toolbar不够用了,默认情况下ext一行toolbar过长时后面的内容就自动隐藏了。这里找到一个办法,很简单,再增加一个toolbar。
// create the editor grid
var grid = new Ext.grid.EditorGridPanel({
store: store,
cm: cm,
renderTo: 'editor-grid',
width:600,
height:300,
autoExpandColumn:'common',
title:'Edit Plants?',
frame:true,
plugins:checkColumn,
clicksToEdit:1,
tbar: new Ext.Toolbar({
autoWidth:true,
autoShow:true,
items:[
{text: 'there is a add button for test'},
'-',
'->',
{text: 'there is a update button for test'},
{text: 'there is a delete button for test'}
]
})
});
//重点
this.bbar2 = new Ext.Toolbar({
renderTo:grid.tbar //
,items:['Example of second toolbar', '-', {
text:'Button'
,iconCls:'icon-key'
}, '-'
]
});
//bbar2就是新增加的toolbar
// trigger the data store load
store.load();
});
// create the editor grid
var grid = new Ext.grid.EditorGridPanel({
store: store,
cm: cm,
renderTo: 'editor-grid',
width:600,
height:300,
autoExpandColumn:'common',
title:'Edit Plants?',
frame:true,
plugins:checkColumn,
clicksToEdit:1,
tbar: new Ext.Toolbar({
autoWidth:true,
autoShow:true,
items:[
{text: 'there is a add button for test'},
'-',
'->',
{text: 'there is a update button for test'},
{text: 'there is a delete button for test'}
]
})
});
//重点
this.bbar2 = new Ext.Toolbar({
renderTo:grid.tbar //
,items:['Example of second toolbar', '-', {
text:'Button'
,iconCls:'icon-key'
}, '-'
]
});
//bbar2就是新增加的toolbar
// trigger the data store load
store.load();
});