如何'检查'列表中的所有复选框'检查'单个复选框？

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不错，但行为是在这里。