Extjs学习总结---FieldSet中的布局

程序中的布局要求一向很高。Extjs中的fieldset是一个很好分组工具，但只能有一列。尝试了很多种组合都无法满足多列，多组合的要求。经过实践终于可以了。一直想写一个新的fieldset组件实现该功能，有空的时候实现它。

Ext.onReady(function() {
	Ext.QuickTips.init();
	Ext.form.Field.prototype.msgTarget = 'side';
	// Fix 2.1 bug
	Ext.override(Ext.layout.FormLayout, {
				getAnchorViewSize : function(ct, target) {
					return (ct.body || ct.el).getStyleSize();
				}
			});
	var cc=Ext.apply({item:[]},{sdf:'sd'});
	alert(cc.toString());
	new Ext.form.FormPanel({
		renderTo : document.body,
		title : "Frequency",
		border : false,
		renderto : Ext.getBody(),
		bodyStyle : "padding: 8px; background-color: transparent;",
		labelAlign : "left",
		labelWidth : 150,
		autoScroll : true,
		defaultType : "textfield",
		items : [{
					xtype : "fieldset",
					autoHeight : true,
					title : "One-Time",
					layout : "column",
					items : [{
								xtype : 'container',
								autoEl : {},
								columnWidth : 0.5,
								layout : 'form',
								items : new Ext.form.DateField({
									autoCreate : {
										tag : "input",
										type : "text",
										size : 8
									},
									fieldLabel : "Start Date",
									blankText : "Start Date...",
									format : "Y-m-d",
									value : ""
									// ,
									// disabled : true
								})
							}, {
								xtype : 'container',
								autoEl : {},
								columnWidth : 0.5,
								layout : 'form',
								defaultType : 'textfield',
								items : [{
									fieldLabel : 'Field 3'

								},{
									fieldLabel : 'Field 4'

								}]
								// new Ext.form.DateField({
							// autoCreate : {
							// tag : "input",
							// type : "text",
							// size : 8
							// },
							// fieldLabel : "Start Date",
							// blankText : "Start Date...",
							// format : "Y-m-d",
							// value : "",
							// disabled : true
							// })
						}]
				}, {
					xtype : "fieldset",
					title : "Recurring"
				}]
	});
});