问题描述
/*! * Ext JS * zj */Ext.namespace("Ext.test");Ext.require([ 'Ext.form.*', 'Ext.layout.container.Column', 'Ext.tab.Panel' ]);Ext.onReady(function() {Ext.QuickTips.init();var tab2 = Ext.create('Ext.form.Panel', {frame : true,title : '基本信息',region : 'center',bodyStyle : 'padding:5px',width : '75%',fieldDefaults : {labelAlign : 'left',labelWidth : 90,anchor : '75%'},layoutConfig : {columns : 3},items : [ {layout : 'column',border : false,items : [ {columnWidth : .5,border : false,layout : 'anchor',defaultType : 'textfield',items : [{fieldLabel : '编号',name : 'id',allowBlank : false,blankText : '编号不能为空',value : '0000'} ]}, {columnWidth : .5,border : false,layout : 'anchor',defaultType : 'textfield',items : [ {fieldLabel : '时间',name : 'datetime',id : 'datetime',format : 'Y-m-d H:i:s',allowBlank : false,blankText : '时间不能为空',xtype : 'datefield',editable : false,value : '2011-08-22'} ]} ]}, {xtype : 'tabpanel',plain : true,activeTab : 0,height : 235,defaults : {bodyStyle : 'padding:10px'},items : [ {title : '处理信息',defaults : {width : 230},defaultType : 'textfield',items : [ {layout : 'column',border : false,items : [ {columnWidth : .5,border : false,layout : 'anchor',defaultType : 'textfield',items : [ {fieldLabel : '处理人',name : 'person',value : 'admin'} ]}, {columnWidth : .5,border : false,layout : 'anchor',defaultType : 'textfield',items : [ {fieldLabel : '处理时间', name : 'date', id : 'date', format : 'Y-m-d', allowBlank : false, blankText : '处理时间不能为空', xtype : 'datefield', editable : true, value : '2011-08-22'} ]} ]} ]} ]} ]});tab2.render(document.body);});那位大神帮我看下代码,我就是想嵌套使用,上面是两列显示编号和时间,然后下面嵌套一个tabpanel 里面也是两列显示处理时间和处理人上面那个代码放进去只有上面那个以两列显示信息,而且显示正确,但是下面那个tabpanel只有一个文本框,而且里面什么都没有连那两个处理人和处理时间都没显示出来那位Ext大神帮我改改呀[b][/b][color=red][/color][size=large][/size]在线。。。。
解决方案
把tabpanel里面的:defaults : { width : 230 }, defaultType : 'textfield', 这两个去掉。