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

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
    }]
}