ExtJS：与文本字段具有相同样式的显示字段

Question

我正在使用 xtype displayfield 作为 link 和 displayfield 呈现 html 的字段.它工作正常。我想为 displayfield 使用与 textfield 相同的样式（尤其是因为边框）。

你能告诉我最简单的实现方法吗？我尝试了 fieldCls、baseCls 等各种前缀，但没有找到有效的解决方案。

这是我最后一次测试，你能告诉我它有什么问题吗？

Ext.create('Ext.form.Panel', {
    bodyPadding: 10,
    defaultType: 'textfield',
    fieldDefaults: {
        labelAlign: 'right',
        labelWidth: 150
    },
    renderTo: Ext.getBody(),
    standardSubmit: true,
    title: 'Form',
    width: 400,
    items: [
    {
        fieldCls: 'x-form-text',
        fieldLabel: 'Displayfield with link',
        name: 'field01',
        value: 'Some text <a href=http://www.yoururl.com>www.yoururl.com</a>',
        xtype: 'displayfield'
    },{
        fieldLabel: 'Textfield',
        name: 'field02',
        value: 'default',
        xtype: 'textfield' 
    }]
});

Answer 1

Ext.create('Ext.form.Panel', {
    bodyPadding: 10,
    defaultType: 'textfield',
    fieldDefaults: {
        labelAlign: 'right',
        labelWidth: 150
    },        
    renderTo: Ext.getBody(),
    standardSubmit: true,
    title: 'Form',
    width: 400,
    items: [
    {
        fieldBodyCls: 'x-form-trigger-wrap-default x-form-text x-form-text-default',
        fieldLabel: 'Displayfield with link',
        name: 'field01',
        value: 'Some text <a href=http://www.yoururl.com>www.yoururl.com</a>',
        xtype: 'displayfield'
    },{
        fieldLabel: 'Textfield',
        name: 'field02',
        value: 'default',
        xtype: 'textfield' 
    }]
});

ExtJS：与文本字段具有相同样式的显示字段

ExtJS: displayfield with same style as textfield

css

extjs