浏览 1591 次
锁定老帖子 主题:EXT学习历程-表单的应用
精华帖 (0) :: 良好帖 (0) :: 新手帖 (2) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2009-02-27
最后修改:2009-02-27
比如表单这项范例如 <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');//填充到指定区域 }); }); 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2009-02-27
路过,
又见 新手帖、 |
|
返回顶楼 | |