Ext.grid.GridPanel 加多个 Ext.Toolbar

搜索条件很多,一行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(); 
}); 

 

你可能感兴趣的:(ext)