Question

我将字段添加到字段集中：

renderContactFormFields: function (window) {

    var fieldSet = window.down('form').down('fieldset');

    var fieldSetItem;


    for (var i = 0; i < window.fieldsToRender.length; i++) 
    {
        var col = window.fieldsToRender[i];
        var readOnlyValue = false;


        if (contactFormReadOnlyFields.indexOf(col.dataIndex) != -1)
            readOnlyValue = true;


        if (!readOnlyValue)
            fieldSetItem = { name: col.dataIndex, fieldLabel: col.text, disabled: readOnlyValue };
        else
            fieldSetItem = { name: col.dataIndex, fieldLabel: col.text, disabled: readOnlyValue, disabledCls: 'fieldSetDisabled' };

        fieldSet.add(fieldSetItem);
    }

    window.down('form').loadRecord(window.selectedContact);
}

问题中的CSS：

.fieldSetDisabled {
    background-color: silver !important;
}

但这没有任何影响。难道我做错了什么？上面的CSS包含在一个似乎由框架正确加载的包中。通过使用Chrome的开发工具检查元素，我看不到＆＃34; fieldSetDisabled＆＃34;在＆＃34;班级中的任何地方＆＃34;输入的属性。

使用4.2.1

感谢。

Answer 1

表单字段也有背景图像，因此以下内容应该有效：

.fieldSetDisabled .x-form-text {
    background-color: silver;
    background-image: none;
}

已禁用动态添加的文本字段不起作用的Css

1 个答案: