EXT学习历程-表单的应用

关于ext学习中的一些应用方法
比如表单这项范例如

<script> 
Ext.onReady(function(){ 
			Ext.QuickTips.init();//开启表单提示 
			Ext.form.Field.prototype.msgTarget = 'under';//设置BlankText提示的显示的位置可为side/under/id/qtip
//初始化表单面板 simple
			var simple = new Ext.FormPanel(
			{
					labelWidth:100, // 默认标签宽度 
					frame:true,//设置表单面板背景，false为无面板 
					title: '我的表单', 
					bodyStyle:'padding:5px 5px 1', 
					width: 400, //表单宽度
					defaultType: 'textfield',//默认字段类型 
					waitMsgTarget: true,   
				items: [{ 
						fieldLabel: '帐户', 
						name: 'name', 
						allowBlank:false, 
						blankText: '<font color=red>帐户不能为空</font>' 
						},
						{	fieldLabel: '密码', 
							name: 'pws', 
							allowBlank:false,//禁止为空 
							blankText: '<font color=red>密码不能为空</font>'//可限制多种类型，具体参照api文档 
							} ,
						{xtype:'textfield',fieldLabel:'验证码',anchor:'90%',allowBlank:false, blankText: '<font color=red>密码不能为空</font>' }
				], 
				buttons: [{ 
						text: '登录', 
						handler:function(){Ext.MessageBox.alert("提示","谢谢你的反馈信息！");}//提交表单与服务器交互的实例请参照实例分析部分《一个完整的登录实例》 
						},
						{ 
						text: '取消', 
						handler:function(){simple.form.reset();}//重置表单 
						}] 
			}
					); 
			
			simple.render('show');//填充到指定区域 }); 
}); 

评论

2 楼 kimmking 2009-02-27  

路过，
又见 新手帖、

1 楼 softsz_2007 2009-02-27  

很好!学习一下