extjs column布局下的textfield的fieldLabel不能显示

我在项目中使用column布局，在items中设置textfield，不能显示该textfield得fieldLabel，但是如果在此column布局中添加一层form布局，在吧textfield放到form布局所在items，就可以显示。不知道怎么回事

有可能控件名称或者ID有重复,仔细检查下,或者代码帖出来帮你找找..

一直都这样写的,没觉得什么不对啊?
如果不想这样写的话,就不用column布局看看.

将你的代码简化一下发上来看看

我也遇到了。姓名和年龄不显示，为什么哦？
 JScript code

var panel = new Ext.Panel
    ({
        title:"数据查询", 
        layout:'column',  
        items:
        [   
                new Ext.form.TextField({columnWidth:.3,labelWidth:31,name:"ddd",fieldLabel: '姓名'}),
             new Ext.form.TextField({columnWidth:.3,labelWidth:31,name:"ddd",fieldLabel: '年龄'})
         ]    
           
     });

JScript code

var panel = new Ext.Panel
    ({
        title:"数据查询", 
        layout:'column',  
        items:
        [   
                new Ext.form.TextField({columnWidth:.3,labelWidth:31,name:"d1",fieldLabel: '姓名'}),
             new Ext.form.TextField({columnWidth:.3,labelWidth:31,name:"d2",fieldLabel: '年龄'})
         ]    
           
     });

JScript code

            var panel = new Ext.Panel({
                title: "数据查询",
                layout: 'column',
                items: [{
                    columnWidth: .3,
                    layout: 'form',
                    items: new Ext.form.TextField({
                        name: "d1",
                        fieldLabel: '姓名'
                    })
                }, {
                    columnWidth: .3,
                    layout: 'form',
                    items: new Ext.form.TextField({
                        name: "d2",
                        fieldLabel: '年龄'
                    })
                }]
            
            });

查询时怎么获取其相映的值

JScript code

 items: new Ext.form.TextField({
                        name: "d2",
                        fieldLabel: '年龄'
                    })

?

这种效果是form布局特有的吧
  我之前也是碰到过这样的情况

文本框的宽度宽了就不会显示出来的

看看官方的说法http://extjs.com/forum/showthread.php?t=30746

在coluumn的子项中加上layout:'form'就ok了，正如6楼哥们儿所写，正解。

当你的整体布局为:column时候,itmes要这么写:{ 
columnWidth : .3,
layout : 'form', 
border : false, 
items: [ {
xtype:'textfield',
fieldLabel:'计划名称',
anchor:'60%',
name:this.formPre + 'planName'
}]},


完整的测试代码如下:



QueryPanel = function(config){
Ext.applyIf(this,config);
this.formPre = "planDto.";
this.formPanel = new Ext.form.FormPanel({
// labelAlign:'right',
layout : 'column',
border:false,
labelWidth:80, //也就是计划名称等fieldLabel的宽度

  bodyStyle : 'padding:15px 15px 15px',
items : [
{
columnWidth : .3,
layout : 'form',
border : false,
items: [ {
xtype:'textfield',
fieldLabel:'计划名称',
anchor:'60%',
name:this.formPre + 'planName'
}]},

{ columnWidth : .3, layout : 'form', border : false, items : [ {
xtype:'datefield',
anchor:'60%',
format : 'Ymd',
fieldLabel:'计划开始日期',
name: this.formPre + 'startDate'
}]},
{ columnWidth : .3, layout : 'form', border : false, items : [{
xtype:'datefield',
fieldLabel:'计划结束日期',
format : 'Ymd',
anchor:'60%',
name:this.formPre + 'endDate'
}
]},
{border : false,
buttons:
[
{
text : '查询',
handler : function()
{
this.query();
},
scope:this
}
],  
 
 
}
],
 
 
 
// buttonAlign:'center'
});
QueryPanel.superclass.constructor.call(this,{

title:'查询条件',
height : 120,
region:'north',
items:[ 
this.formPanel
]
});
 
}
Ext.extend(QueryPanel,Ext.Panel,{
query:function(params){
if(!params)
params = this.formPanel.form.getValues(false);
this.fireEvent('queryChanged',params);
}
});