是否有一个Sencha等同于jQuery的无线电台?

时间:2012-05-17 00:13:36

标签: jquery-ui mobile sencha-touch extjs sencha-touch-2

jQueryUI有一个非常漂亮的单选按钮显示:

jQuery UI radioset

Sencha有类似的东西吗?


跟进问题,如果没有:

对于只需要一次触摸的三项(甚至四项)组件,你会发现什么是优秀的用户体验? (例如,选择框是两个触摸,一个用于打开选择列表,另一个用于选择您的选项)

1 个答案:

答案 0 :(得分:3)

您正在寻找Sencha Touch中的Ext.SegmentedButton

示例代码段: -

var segmentedButton = new Ext.SegmentedButton({

    allowMultiple: false,  // ensures only 1 button gets pressed at a time.
    items: [
        {
            text: 'Choice 1'
        },
        {
            text   : 'Choice 2',
            pressed: true
        },
        {
            text: 'Choice 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