将样式应用于EXTJS中fieldcontainer下的textfield
您好:)我正在定义一个包含以下元素的将样式应用于EXTJS中fieldcontainer下的textfield,extjs,extjs4.1,Extjs,Extjs4.1,您好:)我正在定义一个包含以下元素的表单.Panel: { xtype : 'fieldcontainer', layout : 'hbox', anchor : '100%', items : [{ xtype: 'textfield', fieldLabel: "this is the label",
表单.Panel
:
{
xtype : 'fieldcontainer',
layout : 'hbox',
anchor : '100%',
items : [{
xtype: 'textfield',
fieldLabel: "this is the label",
id: 'thisIsTheId',
name: 'indPartiel'
}]
}
这个
因此它是一个fieldcontainer
,其中包含一个textfield
。
我想这样做的是,为我的文本字段而不是字段容器提供一种新的样式。
我发现这个函数:
myComponent.getTargetEl().setStyle('border', '0px !important');
但它将样式应用于fieldcontainer,而不是textfield。
我在搞什么鬼?
提前感谢你们的帮助,伙计们:)
注意:我在创建表单的过程中没有应用样式,因为样式会在其他事件上消失,并且可能会更改。如果需要将样式应用于
文本字段(即标签、标签分隔符、输入元素),则需要获取对其的引用,然后:
textfield.getEl().setStyle({....});
如果希望样式仅应用于输入元素,则:
textfield.setFieldStyle({....});
只需使用文本框的配置并应用样式。
要在运行时设置它,请使用解决
解决办法是:
c.getTargetEl().down('input').setStyle('border', '0px');
c.getTargetEl().down('input').setStyle('border', '0px');