ExtJs: Свойство disabled контейнера

/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }

{ xtype: 'container',  layout: 'form', disabled: true, id: 'targetProduct',
  items: [
    { xtype: 'radiogroup', fieldLabel: 'Product selection',
      items: [
        { boxLabel: 'Client', inputValue: 'client',
          name: 'carrierType', checked: true },
        { boxLabel: 'Vendor', inputValue: 'vendor',
          name: 'carrierType' }
      ],
 

компонент radiogroup отображается засереным (grayed), но остаётся активным. Как поправить?

1 ответов


Вы устанавливаете свойство disabled контейнеру, а не radiogroup.
Можно сделать так:


new Ext.Container({
    layout: 'form',
    renderTo: Ext.getBody(),
    viewConfig: {
        forceFit: true
    },
    items:[{
        xtype: 'radiogroup',
        fieldLabel: 'Product selection',
        disabled: true, // Указываем свойство disabled для radiogroup
        items: [{
            boxLabel: 'Client',
            inputValue: 'client',
            name: 'carrierType',
            checked: true
        }, {
            boxLabel: 'Vendor',
            inputValue: 'vendor',
            name: 'carrierType',
        }]
    }]
});