首页 > PHP资讯 > HTML5培训技术 > Extjs4中的Form之TextArea

Extjs4中的Form之TextArea

HTML5培训技术
Ext.onReady(function(){	var textFomr = Ext.create("Ext.form.Panel",{		title : "form中文本框大文本的实例",		bodyStyle :'padding:5 5 5 5',		frame : true,		height : 250,		width : 400,		id:'my_form',		renderTo:'formDemo',		defaultType:'textfield',		defaults:{			labelSeparator :": ",			labelWidth : 50,			width : 200,			allowBlank: false,			msgTarget : 'side',			labelAlign:'left'		},		items:[{			fieldLabel:'Name',			name:'userName',			id:'userName',			selectOnFocus:true		},{			xtype:'textareafield',			width:300,			height:150,			name:'info',			fieldLabel:'Info'		}],		buttons: [		  {text:'登陆
',handler:function(b){		  	var formObj = Ext.getCmp("my_form");		  	var basic = formObj.getForm();		  		console.log(basic.getValues());//获得是数组		  }}]	})})

 

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持20不支持0