煎茶觸摸複選框標籤中選擇單擊

Question

我在應用中的一些複選框：

http://img846.imageshack.us/img846/7397/628bc474d4904ff2993df81.png

現在我想在單擊標籤時觸發/切換選擇。

任何想法？

Answer 1

使用此功能可將分接頭偵聽器添加到標籤元素。

{ 
    id: 'username', 
    xtype: 'checkboxfield', 
    name : 'username', 
    label: 'User Name', 
    listeners:{ 
     labelEl:{ 
      tap:function(){ 
       var obj = Ext.getCmp('username'); 
      if(obj.isChecked()){ 
        obj.uncheck(); 
       }else{ 
        obj.check(); 
       } 
      } 
     } 
    } 
} 

Answer 2

如果你想實現在煎茶觸摸2相同，您可以使用radiofields或複選框如下：

defaults: { 
    xtype: 'radiofield', 
    name: 'fieldname', 
    listeners: { 
     // Adding listener for tap event on label element, 
     // this should toggle the checkbox. 
     "tap": { 
      element: "label", 
      fn: function() { 
       var me = this; 
       me.setChecked(!me.isChecked()); 
      }, 
     } 
    } 
} 

編輯：顯然，「click」事件應該是「龍頭」 ，根據@ jayteejee。相應地將原始的「點擊」監聽器改變爲「輕敲」監聽器。

Answer 3

Thijs的回答有小的調整運作良好，得到它在Android和iOS的工作與煎茶觸摸2.只要改變‘點擊’到自來水：

{ 
    xtype: 'checkboxfield', 
    name: 'fieldname', 
    label: 'Label', 
    listeners: { 
     tap: { 
      element: "label", 
      fn: function() { 
       this.setChecked(!this.isChecked()); 
      } 
     } 
    } 
}