extjs 中 toolbar換行

來源:互聯網
上載者:User

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();

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.