Extjs fieldText内容

Extjs的主要配置内容：
示例代码：
  1. Ext.onReady(function(){
  2. 	Ext.QuickTips.init();
  3. 	var loginForm = new Ext.form.Panel({
  4. 		title:'Ext.form.field.Text示例',
  5. 		bodyStyle:'padding:5 5 5 5',//设置边距
  6. 		frame:true,
  7. 		height:120,
  8. 		width:200,
  9. 		renderTo:'form',
  10. 		defaultType:'textfield',//设置表单字段的默认类型
  11. 		defaults:{
  12. 			labelSeparator:':',//分隔符
  13. 			labelWidth:50,
  14. 			width:150,
  15. 			allowBlank:false,
  16. 			labelAlign:'left',
  17. 			msgTarget:'side'
  18. 		},
  19. 		items:[{
  20. 			fieldLabel:'用户名',
  21. 			name:'userName',
  22. 			selectOnFocus:true,//得到焦点是自动选择文本；
  23. 			//验证电子邮件格式的正则表达式
  24. 			regex:/^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/,
  25. 			regexText:'格式错误',
  26. 			blankText:'请输入内容'
  27. 			
  28. 		},{
  29. 			name:'password',
  30. 			fieldLabel:'密码',
  31. 			inputType:'password'
  32. 		}],
  33. 		buttons:[{
  34. 			text:'登录',
  35. 			handler:function(){
  36. 				loginForm.form.setValues({
  37. 					userName:'user@com',
  38. 					password:'123456'
  39. 				});
  40. 			}
  41. 		}]
  42. 	});
  43. })
显示效果








posted @ 2014-07-21 10:18  thero  阅读(528)  评论(0)  编辑  收藏  举报