創建工具欄與標籤

-1

  var panel = Ext.create('Ext.tab.Panel', { 
      width: 500, 
      height: 300, 
      activeTab: 1, //sets active tab (2nd) 
      title: 'Specific Data', 
      floating: true, // make this panel an absolutely-positioned floating component 
      items: [{ 
       title: 'Tab 1', 
       html: 'data data data' 
      }, { 
       title: 'Tab 2', 
       html: 'different data' 
      }] 

     });

我想添加一個工具欄（或按鈕，不知道這是我應該使用）來添加一個簡單的「親密窗口'命令。任何幫助？

來源

2013-07-23 Clay Banks

什麼是你想將工具欄添加到？您在這裏有三件事：一個父Tabpanel和兩個標籤。 –

我只想把它關掉 –

現在還不是很清楚這是什麼「它」。我添加了一個答案，顯示瞭如何在面板和選項卡中創建關閉按鈕。 –

這是一個關閉按鈕添加到面板標題的示例。您可以使用tools配置屬性。 Ext docs for this解釋了許多選項。

還有這裏保存了小提琴：http://jsfiddle.net/cfarmerga/JVMUG/1/

var panel = Ext.create('Ext.tab.Panel', { 
    renderTo: Ext.getBody(), 
    width: 500, 
    height: 300, 
    activeTab: 1, //sets active tab (2nd) 
    title: 'Specific Data', 
    floating: true, // make this panel an absolutely-positioned floating component 
    items: [{ 
     title: 'Tab 1', 
     html: 'data data data', 

     // to enable closing of a tab 
     closable: true 

    }, { 
     title: 'Tab 2', 
     html: 'different data' 
    }], 

    tools: [ 
     { type: 'close', handler: function() { this.up('panel').close() } } 
    ] 


});

來源

2013-07-23 13:44:30

正是我想要的，謝謝。 –

但是如何真正關閉面板而不是提示？ –

我只是改變了處理程序來做到這一點。 –

你有沒有探究過文檔？這是非常常用的功能，您應該能夠在Sencha的API文檔中輕鬆找到這些功能。在這裏看到這個特定的問題：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.panel.Panel-cfg-tbar

來源

2013-07-23 13:04:07 kevhender

@ user2291971我想說的是，如果你想使用這個框架，你現在已經提出了幾個非常基本的問題。考慮到這一點，如果你只是要求在這裏快速回答而不看文檔並試圖自己弄清楚這些基本概念，那麼你會對自己產生不利影響。祝你好運。 – kevhender

創建工具欄與標籤

回答

相關問題