jQueryUI有一个非常漂亮的单选按钮显示:
Sencha有类似的东西吗?
跟进问题,如果没有:
对于只需要一次触摸的三项(甚至四项)组件,你会发现什么是优秀的用户体验? (例如,选择框是两个触摸,一个用于打开选择列表,另一个用于选择您的选项)
答案 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] });
输出: -