论坛首页 入门技术论坛

EXT学习历程-表单的应用

浏览 1574 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (2) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-02-27   最后修改:2009-02-27
关于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');//填充到指定区域 }); 
}); 
   发表时间:2009-02-27  
路过,
又见 新手帖、
0 请登录后投票
论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics