ext FormPanel中增添文本框,日期,单选扭,多行文本框,按钮,按钮事件

ext FormPanel中添加文本框,日期,单选扭,多行文本框,按钮,按钮事件

var form = new Ext.form.FormPanel({
	labelAlign: 'center',
	labelWidth: 60,//控制fieldLabel长度
	labelSize : 30,
	frame: true,
	defaultType: 'textfield',//默认类型
	items: [{//panel中包括的内容
	fieldLabel: '文本框',
	name: 'txr',
	width:110
	},{
	fieldLabel: '日期',
	name: 'rq',
	xtype: 'datefield',//日期类型
	width:110
	},{
	fieldLabel: '多行文本框,
	name: 'jlnr',
	xtype:'textarea',//多行文本框类型
	width:300
	},{
	fieldLabel: '单选扭',
	xtype:"panel",//panel
	layout:"column",
	isFormField:true,
	items: [{
         boxLabel: '未完成',
         name: 'dxn',
         value: '1',
         checked: true,//默认选中
           xtype:"radio"//单选扭类型
         },{
         boxLabel: '完成',
         name: 'dxn',
         value: '2',
         xtype:"radio"
         }]
	}]
});

var win = new Ext.Window({
	layout: 'fit',
	width: 450,
	title: '工作记录详细窗口',
	height: 250,
	closeAction: 'hide',

	items: [form],

	buttons: [{
		text:'保存'//按钮名字
		},{
		text:'关闭',
		handler:function(){win.close();}//关闭当前的弹出Window
	}]
});

黑色头发:http://heisetoufa.iteye.com/