sencha-touch - 如何在 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
    }]
}