Как сделать кнопку равной значению в строке поля Ext.FormPanel?

Question

У меня есть FormPanel, которая выглядит следующим образом:

var simple_form_left = new Ext.FormPanel({
    frame:true,
    labelWidth: 90,
    labelAlign: 'right',
    title: 'Customer Information',
    bodyStyle:'padding:5px 5px 0',
    width: 290,
    height: 600,
    autoScroll: true,
    itemCls: 'form_row',
    defaults: {width: 160},
    defaultType: 'displayfield',
    items: [{
    ...

Теперь я хочу поместить эту кнопку в качестве значения одной из строк:

var button = new Ext.Button({
    text: "Click this",
    handler: function() {
        alert('pressed');
    }
});

однако, когда ядобавьте его в качестве значения:

он просто показывает его как объект:

Я могу добавить его какстрока полного поля, как это:

}, {
    fieldLabel: 'Item 15',
    name: 'item15',
    value: 'test'
}, button, {
    fieldLabel: 'Item 17',
    name: 'item17',
    value: 'test'
}, {

но это не то, что я хочу, так как для этого нужно иметь метку:

Как можноЯ добавляю кнопку вместо текста в строке поля?

Приложение:

Спасибо @Tommi, вот код, который я получил для работы с вашим решением:

Answer 1

Добавьте объект button как элемент, вместо добавления DisplayField и создания кнопки value из DisplayField.И добавьте FieldLabel на эту кнопку.