如何'檢查'列表中的所有複選框'檢查'單個複選框？

Question

我被困在一種情況，在這種情況下，我必須'檢查'位於工具欄中的複選框'檢查'列表中存在的所有複選框。

這裏的代碼來創建複選框列表： -

itemTpl: '<input type="checkbox" name="box" enabled="enabled" value="open" 
name="comment_status" id="status" <tpl if="active">checked="checked"</tpl> /> 
{groupName}{#}', 

這裏是我的複選框代碼： -

var checkBox = { 
      xtype: 'checkboxfield', 
       name : 'all', 
      // label: 'All', 
       itemId: 'all', 
       value: 'all', 
       lableWidth: "0", 
       width: 1, 
       padding: '0 0 15 30', 
       checked: false, 
       listeners: { 
        check:function() { 
        // alert("check"); 

         item = Ext.get("status"); 
         console.log("item:-"+Ext.JSON.encode(item)); 

         chkBox = item.down('input').dom; 

         var checkboxes = Ext.getStore('group'); 
         console.log(checkboxes.getCount()); 

         for(var i=0;i<checkboxes.getCount();i++){ 
         chkBox.checked = true; 
         } 

        }, 
        uncheck:function(){ 
        // alert("uncheck"); 
        } 
       } 
     }; 

在上述複選框檢查，我想，在「itemTpl」中定義的所有複選框會檢查，反之亦然。我知道我的代碼在檢查：function（）{}是沒有那麼好，解決了我的問題（兩個代碼在不同的意見）。

所以，請告訴我一些這個問題的解決方案。

Thanx提前。

Answer 1

好的，我更新了your senchafiddle使它工作。 在物質，這裏是我添加到您的代碼：

添加2個功能列表控制器，到工具欄上的複選框管理措施：

checkAll:function(){ 
    this.getCheckboxList().getStore().each(function(record){record.set('active', true);}); 
}, 
uncheckAll:function(){ 
    this.getCheckboxList().getStore().each(function(record){record.set('active', false);}); 
} 

而且隨着的複選框以添加工具欄統治他們（XD）以上列表：

{ 
     xtype : 'toolbar', 
     docked: 'top', 
     title: 'Check !', 
     items:[{ 
      xtype: 'checkboxfield', 
      name : 'all', 
      value: 'checkAll', 
      listeners:{ 
       check:function(){ 
        MyApp.app.getController('MainViewController').checkAll(); 
       }, 
       uncheck:function(){ 
        MyApp.app.getController('MainViewController').uncheckAll(); 
       } 
      } 
     }] 
    } 

這將需要你做一些CSS來使ckeckbox不錯，但行爲是在這裏。