ExtJS: displayfield с таким же стилем, как текстовое поле

Question

Я использую xtype displayfield для полей, которые действуют как ссылка и displayfield renders html ok. Он работает нормально. Я хотел бы использовать тот же стиль для displayfield что касается текстовое поле (тем более из-за границы).

Не могли бы вы рассказать мне простейший способ добиться этого? Я пробовал 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' 
    }] 
});