(9)ExtJS之Ext.form.field.Text

本文详细探讨了ExtJS中的Ext.form.field.Text组件,包括其在JS文件中的使用方法和在JSP页面中的实现细节,帮助读者掌握这一核心表单元素的配置与应用。
摘要由CSDN通过智能技术生成

JS文件:

Ext.onReady(function(){
	Ext.QuickTips.init();
	var loginForm=new Ext.form.Panel({
		title:'Ext.form.field.Text示例',
		bodyStyle:'padding:5',//表单边距
		frame:true,
		height:120,
		width:200,
		renderTo:Ext.getBody(),
		defaultType:'textfield',//设置表单字段的默认类型
		defaults:{//统一设50置表单字段默认属性
			labelSeparator:':',//分隔符
			labelWidth:50,//标签宽度
			width:150,//字段宽度
			allowBlank:false,//是否允许为空
			labelAlign:'left',//标签对齐方式
			msgTarget:'side'//在字段的右边显示一个提示信息
		},
		items:[{
			fieldLabel:'用户名',
			name:'username',
			selectOnFocus:true,//得到焦点时自动选择文本
			//验证电子邮件格式的正则表达式
			regex:/^([\w]+)(.[\w]+)*@([\w-]&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值