ExtJs学习资料17Ext.form.FormPanel表单对象操作说明

《ExtJs学习资料17Ext.form.FormPanel表单对象操作说明》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、ExtJs学习资料—Ext.form.FormPanel表单对象操作说明[2021年8月17日星期二]1、引入ExtJs框架文件（存入Global.js文件中）document.write("");document.write("");document.write("");document.write("");2、引入Global.js文件

3、type="text/css">.icon{background:url(icon.gif)04pxno-repeat!important}3、效果图=====================================================================================================================4、JS源代码Ext.onReady(function(){//--开始-->E

4、xt.QuickTips.init();//初始化提示信息实例第7页/共7页ExtJs学习资料—Ext.form.FormPanel表单对象操作说明[2021年8月17日星期二]ValueDescription-------------------------------------------------------qtip当鼠标从输入栏移过时显示一个quicktiptitle显示一个默认的浏览器弹出标题属性under在输入栏下显示一个块状div,包含出错文本side在输入栏右侧显示一个突出的出错图标[elementid]直接在指定

5、元素的innerHTML中加入出错文本----------------------------------------------------------Ext.form.Field.prototype.msgTarget="side";//======================正则表达式自定义========================Ext.form.VTypes["jackVal"]=/^[u4E00-u9FA5]+$/;//允许输入//Ext.form.VTypes["jackMask"]=/^[A-Za-z]+

6、$/;//输入指定的字符,除此之外不响应Ext.form.VTypes["jackText"]="只能输汉字";//提示信息Ext.form.VTypes["jack"]=function(v){//检测函数returnExt.form.VTypes["jackVal"].test(v);}//======================附加正则表达式自定义========================Ext.applyIf(Ext.form.VTypes,{"telphone":function(_v){return/(^d{3

7、}-d{7,8}$)

8、(^d{4}-d{7,8}$)

9、(^d{3}d{7,8}$)

10、(^d{4}d{7,8}$)

11、(^d{7,8}$)/.test(_v);},"telphoneText":"请输入合法的电话号码","telphoneMask":/[0-9-]/i,"mobile":function(_v){return/^1[1-9][0-9]d{8}$/.test(_v);},"mobileText":"请输入合法手机号码","mobileMask":/[0-9]/i});//===============

12、======定义简单数据源===============================varmyStore=newExt.data.SimpleStore({fields:["txtValue","txtName"],