ext grid 增加 多个 toolbar

最近项目中客户提出的搜索条件很多，有的达2位数，一行toolbar明显不够用了，默认情况下ext一行toolbar过长时后面的内容就自动隐藏了，在extjs上面翻了又翻，找到一个办法，很简单，再增加一个toolbar。一个测试的简短grid代码

  // 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'
            }, '-'
            ]
        });



    // trigger the data store load
    store.load();
});

 其中bbar2就是新增加的toolbar -_-!,再

renderTo:grid.tbar

 

by the way,用chrome编辑完发现插入代码没有保存按键....@##%%#

 

评论

9 楼 fengart 2008-11-14  

8 楼 chanball 2008-10-16  

试一下先,这样都想得出来,lz还行呀！

7 楼 Althars 2008-10-15  

zhuliyong :你说的对齐是不是指'->'?,在'->'后面的所有控件都会在右侧显示

6 楼 Althars 2008-10-15  

mimijidi  :hehe,确实ext的文档不是太多,大家更多的时候都是自己摸索,不过很多问题通过extjs和ext自带文档还是可以找到和解决的,对于中文而言,国内的几本比较系统的ext书籍好像也快上市了,到时候可以借鉴借鉴

5 楼 zhuliyong 2008-10-13  

各位 ，bbar或者tbar怎么给他设对齐方式啊，如：右对齐，
通过什么属性，在 哪设？

4 楼 mimijidi 2008-10-03  

2.2是的可以的,哈哈,没想到还有这招,学习ext曲线真的很大,文档还是不够,都是大量初级的,象楼主这种就很怪异

3 楼 Althars 2008-09-19  

duanlei,我是在2.2的editor grid example例子上修改测试的,应该没有问题,可能你其它地方有不同的地方导致没有显示,你可以再看看,有问题欢迎探讨.

2 楼 duanlei 2008-09-18  

ext2.2里试了下 不 没显示 出来

不个tbar  可以 给个 new Ext.Panel 这里就可以加多个toolbar

1 楼 duanlei 2008-09-17  

学习了