如何使用Secha Touch UI将徽章设置为SegmentedButton?

时间:2016-08-12 02:39:52

标签: javascript cordova extjs sencha-touch

如何使用Secha Touch 2.0.2将徽章设置为SegmentedButton



var segmentedButton = new Ext.SegmentedButton({
    allowMultiple: true,
    items: [
        {
            text: 'Option 1',
        },
        {
            text   : 'Option 2',
            pressed: true
        },
        {
            text: 'Option 3'
        }
    ],
    listeners: {
        toggle: function(container, button, pressed){
            console.log("User toggled the '" + button.text + "' button: " + (pressed ? 'on' : 'off'));
        }
    }
});
Ext.Viewport.add({ xtype: 'container', padding: 10, items: [segmentedButton] });




enter image description here

像这样: enter image description here

任何人都知道该怎么做?最好使用SegmentedButton

1 个答案:

答案 0 :(得分:0)

使用badgeText

  

可选徽章文字。

工作示例:https://fiddle.sencha.com/#fiddle/1f5m