javascript - 如何使 FormPanel 中的数据显示为文本而不是输入框中的数据？

Question

我有一个看起来像这样的可编辑 FormPanel:

我现在想显示相同的表单，但数据只是可见而不是可编辑的，即数据只是显示为文本，而不是在文本框中。

我可以将 defaultType 从 textfield 更改为 panel 但数据根本不会显示。

我需要什么类型的 defaultType 才能使数据值简单地显示为文本而不是在输入框中？

var simple_form = new Ext.FormPanel({
    labelWidth: 75,
    frame:true,
    title: 'Customer Information',
    bodyStyle:'padding:5px 5px 0',
    width: 600,
    height: 600,
    autoScroll: true,
    defaults: {width: 230},
    defaultType: 'textfield',
    items: [{
            fieldLabel: 'Item 1',
            name: 'item1',
            allowBlank:false,
            value: 'test'
        },{
            fieldLabel: 'Item 2',
            name: 'item2',
            value: 'test'
        },{
            fieldLabel: 'Item 3',
            name: 'item3',
            value: 'test'
        }, {
            fieldLabel: 'Item 4',
            name: 'item4',
            value: 'test'
            ...

Answer 1

使用 Ext.form.DisplayField。 API 将 DisplayField 描述为:

A display-only text field which is not validated and not submitted.

将您的 defaultType 设置为 defaultType: 'displayfield'，并将 value 属性设置为您要显示的文本。看看 Composite Fields例子。两个 DisplayField 是“mins”和“hours”。