ExtJS 4.2 文本字段设置两种颜色的文本

Question

有没有办法在文本字段中插入下一个值：

随机 (1234)

但在文本字段中可视化如下：

因为我从服务器取回信息如下：

"property1" : "Random (<span style='color:red;'>1234</span>)

并且文本字段位于表单内，当我检索信息时，我使用 loadRecord 将数据加载到表单中。

Answer 1

恕我直言，不可能使用“Ext.form.field.Text”来显示彩色文本。但是您可以使用显示字段（只读）或 html 编辑器..

new Ext.panel.Panel({
            title: 'Form',
            renderTo: Ext.getBody(),
            width: 550,
            height: 250,
            frame: true,
            layout: 'form',
            items: [{
                xtype: 'htmleditor',
                fieldLabel: "HTML Editor",
                enableColors: false,
                enableAlignments: false,
                value: "Random (<span style='color:red;'>1234</span>)",
            }, {
                xtype: 'displayfield',
                fieldLabel: "Display Field",
                value: "Random (<span style='color:red;'>1234</span>)",
            }]
        });

ExtJS 4.2 文本字段设置两种颜色的文本

ExtJS 4.2 textfield set text with two colours

javascript

extjs

extjs4.2