2012-05-17 85 views
1

jQueryUI的有单选按钮,一个相当不错的显示:Sencha是否有相当于jQuery的Radioset?

jQuery UI radioset

煎茶是否有类似的东西吗?


跟进的问题,如果不是:

你发现了什么是好的UX的三个项目(甚至四,项目)组件,它仅需要一个触摸? (例如,一个选择框是两个触摸,一个打开选择列表,一个选择您的选项)

回答

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

+1

工程就像一个魅力,谢谢RR。 对于具有相同问题的其他人,这也可以在FormPanel中工作,通过使xtype ='segmentedbutton' –

+0

不客气! :) –

+0

嗨@roadRunner,当在表单中使用segmenetedbutton时,是否通常在它旁边创建一个隐藏域并更新隐藏域的变化值? (sencha 1.1) –

相关问题