更改Ext.ComponentQuery.query的文本颜色

uxhixvfz  于 2022-09-26  发布在  其他
关注(0)|答案(2)|浏览(120)

我正在与Sencha Architect合作。
我正在传递值​​从localStorage到显示字段。

get_name: function(component, eOpts) {
        let data = JSON.parse(localStorage.getItem("loginData"));
        name = data["name"];
        Ext.ComponentQuery.query('displayfield[name="show_name"]')[0].setValue(name);

    }

该值正常显示,但我无法更改字体颜色。
知道我怎么做吗?
我试过一些东西,比如:
html、样式、css。
但文本颜色保持默认

oewdyzsn

oewdyzsn1#

您可以使用configfieldStyle或使用methodsetFieldStyle以编程方式设置显示字段值的文本颜色。
下面是您的备选方案:

{
    xtype: 'displayfield',
    fieldLabel: 'My Display Field',
    name: 'myField',
    value: '10',
    fieldStyle: { color: "red" }
}

<displayfield>.setFieldStyle({ color: "red" });
3okqufwl

3okqufwl2#

不能使用background-color,它必须是e1d1e。

get_name: function(component, eOpts) {
        const field = Ext.ComponentQuery.query('displayfield[name="show_name"]')[0];
        let data = JSON.parse(localStorage.getItem("loginData")),
            name = data["name"];

        field.setValue(name);
        field.setStyle('backgroundColor','white');
    }

我不会选择Ext.ComponentQuery。相反,你可以选择

const form = getFormPanel, // typically this.getView()
         field = form.lookupName('show_name');

相关问题