读书人

Extjs4.0解决方法

发布时间: 2012-02-20 21:18:24 作者: rapoo

Extjs4.0
请问如何在ext4.0中的gridPanel里添加两行tbar?

[解决办法]
1.var oneTbar=new Ext.Toolbar({

2. items:[

3. {text:'复制'},

4. {text:'粘贴'}

5. ] 6.});

7.var twoTbar=new Ext.Toolbar({

8. items:[ 9. new Ext.Toolbar.TextItem('工具栏:') //显示文本

10. ]

11.});

12.var threeTbar=new Ext.Toolbar({

13. items:[

14. {xtype:"tbfill"}, //后面的tools显示在右边

15. {pressed:true,text:'刷新'}

16. ]

17.});

18.var win=new Ext.Window({

19. title :'墨客剑谍之演示多行tbar',

20. width :500,

21. height :300,

22. modal : false,

23. renterTo :Ext.getBody(),

24. items:[{

25. xtype :'panel',

26. tbar :[{text:'添加'},'-',{text:'删除'},'-',{text:'修改'}],

27. listeners : {

28. 'render' : function(){

29. oneTbar.render(this.tbar); //add one tbar

30. twoTbar.render(this.tbar); //add two tbar

31. threeTbar.render(this.tbar); //add three tbar

32. }

33. }

34. }]

35.});

36.win.show();



[解决办法]
你可以定义一个form,在form中放置两个container,一个container中放置一系列的按钮,在toolbar中也有一个form,然后把定义好的有两个container的form放到toolbar中的items里的form中

读书人网 >J2EE开发

热点推荐