Javascript 动态添加的文本字段无效时禁用DCLS
我正在向字段集添加字段,如下所示:Javascript 动态添加的文本字段无效时禁用DCLS,javascript,extjs4,Javascript,Extjs4,我正在向字段集添加字段,如下所示: renderContactFormFields: function (window) { var fieldSet = window.down('form').down('fieldset'); var fieldSetItem; for (var i = 0; i < window.fieldsToRender.length; i++) { var col = window.fieldsToRe
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包含在一个包中,该包似乎被框架正确加载。通过使用Chrome的开发工具检查元素,我在输入的“class”属性中没有看到“fieldSetDisabled”
使用4.2.1
谢谢。表单字段也有背景图像,因此以下内容应该可以使用:
.fieldSetDisabled .x-form-text {
background-color: silver;
background-image: none;
}
不行。另外,正如我所说,
fieldSetDisabled
甚至没有进入ExtJS生成的DOM中。好的,我会测试它并让您知道。disabledCls
是一个css类,当字段被禁用时应用。它被禁用了吗?对。我把禁用
与只读
混淆了。谢谢你。您的解决方案仅使标签为银色
,而不是文本字段的背景色…(例如:“Name:”嗯,Name
为银色背景,而不是文本框)
.fieldSetDisabled .x-form-text {
background-color: silver;
background-image: none;
}