在extjs中单击一次即可禁用表单的所有组合框

时间:2012-10-05 09:50:55

标签: extjs

我在extjs工作。我必须禁用表单中的字段。

我使用了以下功能。

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

        fields = form.getFields();

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

            f.inputEl.dom.disabled = true;

        }

它适用于文本字段,但不适用于组合框和复选框。所以请帮我怎么样

可以禁用所有组合框

我的表格。

2 个答案:

答案 0 :(得分:1)

您可以使用Ext组件的setDisabled方法。

 f.setDisabled(true);

取代

 f.inputEl.dom.disabled = true;

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

答案 1 :(得分:0)

我个人不喜欢在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
}