extjs - extjsでワンクリックでフォームのすべてのコンボボックスを無効にします

Question

私はextjsで働いています。フォームのフィールドを無効にする必要があります。

以下の関数を使用しました。

        var form = Ext.getCmp('frmTender').getForm();

        fields = form.getFields();

        Ext.each(fields.items, function (f) {

            f.inputEl.dom.disabled = true;

        }

テキストフィールドでは機能しますが、コンボボックスとチェックボックスでは機能しません。だからどうやって私を助けてください

すべてのコンボボックスを無効にすることはできますか

私の形の。

Answer 1

Ext コンポーネントの setDisabled メソッドを使用できます。

 f.setDisabled(true);

代わりに

 f.inputEl.dom.disabled = true;

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.AbstractComponent-method-setDisabled

Answer 2

個人的には、extjs でフィールドを無効にするのは好きではありません。ラベルもグレーアウトしています。こんな感じで使っています。

//JS
var form = Ext.getCmp('frmTender').getForm();
fields = form.getFields();
Ext.each(fields.items, function (f) {
  f.inputEl.dom.readonly = true; //f.setReadOnly(true)
  f.inputEl.addCls('x-custom-field');
};

//CSS
.x-custom-field
{
  background: none; //#ccc
}