Question

您好我需要在工具栏中添加一个简单的文本，文本应该在工具栏内部声明的两个按钮之间，任何想法如何做到？请让我知道谢谢

Answer 1

您可以使用以下两个选项：

如果您只想在工具栏的中心放置文字，请使用title属性：

{
    title: 'Some text here',
    items [/* Your buttons */]
}

如果你想要多个文本元素，快速而肮脏的方法是使用具有html属性集的面板，这将用html替换创建的面板的内容：

{
    items [{
        // Button 1
    },{
        xtype: 'panel',
        html: 'The text you want here'
    },{
        // Button 2
    }]
}

如果您这样做，面板可能效果不佳，因此您可能需要在面板的style或baseCls属性中应用一些样式，以便按照您的需要重新设置它。

请注意，在ExtJS中，您可以在项目列表中包含文本，它可以执行您想要的操作，但是如果文档在Sencha Touch中有效并且我现在无法对其进行测试，则说明文档并不清楚。如果这确实有效，它看起来像这样：

{
    title: 'Some text here',
    items [items [{
        // Button 1
    },
    'Your text here',
    {
        // Button 2
    }]
}

Answer 2

在我看来，最简单的解决方案是使用TitleBar。

Answer 3

以下是在工具栏上的两个按钮之间添加简单文本的代码。

{
   xtype: 'toolbar',
   docked: 'top',
   **title: 'text you want to add here'**,
   items:[{
            xtype: 'button',
            ui: 'action',
            text: '1st button'
          },
          {
            xtype: 'button',
            ui: 'action',
            right: '0%',
            text: '2nd button',
          }
        ],

}

希望这会对你有所帮助。感谢。

如何在sencha touch中添加工具栏内的简单文本

3 个答案: