Datefield 显示问题，求解~~~

Question

 var table = new Ext.FormPanel({
             frame:true,
             layout:'table',
             defaults: {
                 bodyStyle:'padding:1px;cursor:default;border:0px solid #fff;border-top-color:#fff;width:100%'
             },
             layoutConfig: {
             columns:4
             },
             items: [{
                width:270,
                labelWidth:70,
                labelAlign: 'right',
                layout:'form',
                fieldLabel: '起始日期',
                layout:'column',
                items:[{
                    xtype:'datefield',
                    value: new Date(),
                    format: 'Y-m-d',
                    name: 'rstartDate',
                    id:'rstartDate',
                    width:100
                },{
                    xtype:'datefield',
                    value: new Date(),
                    format:'Y-m-d',
                    name: 'rendDate',
                    id:'rendDate',
                    width:100
                }]
             },{
                ……代码省略
             }

显示结果是这样的

下面怎么显示出来，日期的说明文字？

日期在显示的时候还很窄：

 

怎么处理。。。。

Answer 1

1. fieldLabel配置只有父容器是FormLayout时才有效
2. 如果是Ext3.x，试试这个补丁看看 [code="js"] Ext.override(Ext.DatePicker, { width : 200, onRender : Ext.DatePicker.prototype.onRender.createSequence(function(){ this.el.child('table').setWidth('100%'); }) }); [/code]