2011-06-13 188 views
1
選中狀態

我可以使用複選框狀態:在煎茶觸摸

var c = Ext.getCmp("my_checkbox").checked; 

,但我可以得到複選框的變化?

有什麼我需要編碼進行視覺變化?

+0

我不知道我理解你的問題完全。當複選框被選中/取消選中時,您是否希望能夠在頁面上執行/更改某些內容? – JamesHalsall 2011-06-13 15:30:07

+0

一些複選框將被檢查,一些未選中 ,用戶可以更改狀態。 當他完成後,我需要收集所有狀態更改的複選框,但目前我沒有更改狀態 – mgalesic 2011-06-14 08:13:41

回答

3

要在Sencha Touch中執行此操作,您需要將事件偵聽器添加到Ext.form.Checkbox組件中。您可以使用下面的代碼做到這一點:

new Ext.form.Checkbox({ 
    id: 'my_checkbox', 
    listeners: { 
     check: function() { 
      alert('I was checked!'); 
     }, 
     uncheck: function() { 
      alert('I was unchecked!'); 
     } 
    } 
}); 

在未來,最好是張貼在Sencha Forums你的問題,你會得到更快的響應存在。

更新 更新的評論答案:

var filter = { 
    id: 'filter', 
    items: [ 
     { 
      xtype: 'fieldset', 
      items: [ 
       { 
        type: 'checkboxfield', 
        name: 'city[1]', 
        label: 'city', 
        id: 'city1', 
        checked: true, 
        listeners: { 
         check: function() { 
          //do something 
         }, 
         uncheck: function() { 
          //do something 
         } 
        } 
       } 
      ] // END items 
     } 
    ] // END items 
}; 
+0

謝謝,我將來會使用Sencha論壇。關於你的答案:我是否需要關注每個複選框的點擊,或者是否有辦法通過按下按鈕來獲得最終狀態? – mgalesic 2011-06-14 08:19:49

+0

只是一兩件事, 在我該怎麼改變: 新Ext.form.Checkbox({ ID: 'my_checkbox' 如果我有這樣的結構: VAR過濾= { ID: '過濾器', 項目:[{ 的xtype: '字段集', 項目:[{ 類型: 'CheckBoxField字段', 名稱: '城市[1]', 標籤: '城市', ID: 'city1', 檢查:true, } ] // END items } ] // END items }; – mgalesic 2011-06-14 12:44:25

+0

我更新了我的答案以適應您的情況。是的,你需要關注每個事件並做出適當的迴應。 – rdougan 2011-06-14 17:53:35