为什么我的文本框前的文本出不来?

Question

var west = new Ext.Panel({
    collapsible: true,
    border: false,
    width: 200,
    layout: "column",
    layoutConfig: {
        animate: true
    },
    region: "west",
    title: '查询条件',
    items: [new Ext.Panel({ autowidth: true, autoheight:true, title: '', items: [
           {
               xtype: 'textfield',
               fieldLabel: '类型',
               name: 'totaltype',
               readOnly: true
           }, {
               xtype: 'textfield',
               fieldLabel: '金额',
               name: 'totalmoney',
               readOnly: true
           }, {
               xtype: 'textfield',
               fieldLabel: '时间',
               name: 'totaltime',
               readOnly: true
           }, {
               xtype: 'textarea',
               fieldLabel: '描述',
               name: 'totalre',
               readOnly: true
            }]
    })]
});

Answer 1

var west = new Ext.Panel({
collapsible : true,
renderTo : Ext.getBody(),
border : false,
width : 300,
frame : true,
layout : "column",
layoutConfig : {
animate : true
},
region : "west",
title : '查询条件',
items : [new Ext.Panel({
autoWidth : true,
autoHeight : true,
layout : 'form',
title : '',
items : [{
xtype : 'textfield',
fieldLabel : '类型',
name : 'totaltype',
readOnly : true
}, {
xtype : 'textfield',
fieldLabel : '金额',
name : 'totalmoney',
readOnly : true
}, {
xtype : 'textfield',
fieldLabel : '时间',
name : 'totaltime',
readOnly : true
}, {
xtype : 'textarea',
fieldLabel : '描述',
name : 'totalre',
readOnly : true
}]
})]
});
})
最主要的 需要指定Panel的布局layout

Answer 2

就是一个layout方式的问题，改为form方式就行了。

Answer 3

嗯  是layout:'form'  ok