A couple errors I noticed:

The checkbox components cant be referred to by their id directly, you could call them with Ext.getCmp( id ) though.

Your listener in the example above is attached to the toolbar, which doesn t have a change event. You need to attach it to the radio instead.

实际上,如果你只想在离线无线电台填满时能够使用的检查箱,那么我会建议在离线无线电台上添加一个<代码>handler,功能是使检查箱能够或消除,取决于该无线电台的价值变化。 例如,这项工作:

dockedItems: [{
    xtype:  toolbar ,
    dock:  top ,
    items: [{
        xtype:  radiofield ,
        id:  all ,
        name:  show ,
        boxLabel:  All ,
        checked: true,
    }, {
        xtype:  radiofield ,
        id:  online ,
        name:  show ,
        boxLabel:  Online ,
        inputValue:  online ,
    }, {
        xtype:  radiofield ,
        id:  offline ,
        name:  show ,
        boxLabel:  Offline ,
        inputValue:  offline ,
        handler: function(field, value) {
            if (value) {
                Ext.getCmp( cb1 ).enable();
                Ext.getCmp( cb2 ).enable();
            } else {
                Ext.getCmp( cb1 ).disable();
                Ext.getCmp( cb2 ).disable();        
            }            
        }
    }, {
        xtype:  checkboxfield ,
        id:  cb1 ,
        boxLabel:  Sometimes ,
        checked: true,
        inputValue:  sometimes ,
        disabled: true
    }, {
        xtype:  checkboxfield ,
        id:  cb2 ,
        boxLabel:  Always ,
        checked: true,
        inputValue:  always ,
        disabled: true
    }]
}],

I suggest using handler config (as above) and not having a listener on the change event.

If you add a change listener it will override the default change handler used by ExtJS internally to deselect the other radio fields in the same name group. E.g. with a change listener on the offline radio, when you select it, all will remain selected.

In other words... just copy the example above and all will be well.

你们可以做以下工作,为检查箱打上ids子,以树立榜样:

 if (value ==  offline ) {
            var cb1 = Ext.getCmp( cbox1 );//look up by given checkbox ids
            var cb2 = Ext.getCmp( cbox2 );//look up by given checkbox ids

cb1.enable();
cb2.enable(); 

online 
  }
else {
        var cb1 = Ext.getCmp( cbox1 );//look up by given checkbox ids
            var cb2 = Ext.getCmp( cbox2 );//look up by given checkbox ids

cb1.disable();
cb2.disable(); 
}

A standard approach to enable / disable checkbox in ExtJS is to set configuration parameters disable: true or disable: false when creating component.

但是,就ExtJS 4.2而言,它有些不便。 拆卸或设置仅读的检查箱,使部分看得非常透明。 在传统的框架设计中,可能有些则在盒子中打折或On读。 如果是空的。

我们找到的最佳解决办法是,为这种类型的所有外部司法调查要素建立一个全球项目组。 它转向标准框架主题形象中更好的标志,并增加一些不透明之处:

.x-form-readonly .x-form-checkbox {
  background-image: url(/extjs/resources/ext-theme-classic/images/form/checkbox.gif);
  opacity: 0.4;
}