将样式应用于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');