创建工具栏与标签

-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

创建工具栏与标签

回答

相关问题