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

Question

我将 xtype displayfield 用于充当链接的字段，并且 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' 
    }]
});