如何使按钮成为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的{​​{1}}。并在该按钮上添加DisplayField。