Sencha Touch 中带数值的分段按钮

Question

我在 Sencha Touch 应用程序中工作，我对下一个实现有疑问，我有这个代码：

  {
    xtype: 'segmentedbutton',
    cls : 'filterbar-segmented-button',
    items: [
      {
        text: x.util.I18n.getLabel('CustomerHeaderAll'),
        pressed: true
      },
      {
        text: x.util.I18n.getLabel('CustomerHeaderWithSurvey')
      }
    ]
  }

我正在从后端获取标签，但我需要获取总值。

此处JsonAPI:

"CustomerHeaderAll" : "All {0}",
"CustomerHeaderWithSurvey": "With Survey {0}",

我应该如何在视图中实现值（括号内）？现在只有我在显示标签，但我需要将两者连接起来。

非常感谢！！

Answer 1

尝试 tpl config in Ext.button and set data config 作为初始显示。

调用 Ext.button.setData() 更改显示的文本。

例如：

{
    xtype: 'segmentedbutton',
    cls : 'filterbar-segmented-button',
    items: [
      {
        data: {textVal: 1},
        tpl: "All {textVal}",
        pressed: true
      },
      {
        data: {suveyVal: 1},
        tpl: "With Survey {suveyVal}"
      }
    ]
  }

Sencha Touch 中带数值的分段按钮

Segmented button with numeric value in Sencha Touch

javascript

extjs

sencha-touch