ExtJs2学习系列

2026/4/24 12:06:43

varform1=newExt.form.FormPanel({

width:350, frame:true,

renderTo:\labelWidth:80,

title:\

bodyStyle:\

defaults:{width:150,xtype:\ items:[

{fieldLabel:\不能为空\

allowBlank:false,//不允许为空

blankText:\不能为空,请填写\错误提示信息,默认为Thisfieldisrequired! id:\ anchor:\ } ] });

作者: dis 时间: 2008-11-7 17:54

2.用vtype格式进行简单的验证。

在此举邮件验证的例子,重写上面代码的items配置: items:[

{fieldLabel:\不能为空\

vtype:\格式验证

vtypeText:\不是有效的邮箱地址\错误提示信息,默认值我就不说了 id:\ anchor:\ }

你可以修改上面的vtype为以下的几种extjs的vtype默认支持的验证: //form验证中vtype的默认支持类型

1.alpha//只能输入字母,无法输入其他(如数字,特殊符号等) 2.alphanum//只能输入字母和数字,无法输入其他

3.email//email验证,要求的格式是\

4.url//url格式验证,要求的格式是[url=http://tech.ddvip.com/2008-11/\"http://www.langsin.com/\"]http://www.langsin.com[/url]

3.确认密码验证(高级自定义验证)

前面的验证都是extjs已经提供的验证,我们也可以自定义验证函数,比上面要复杂点了。我们一起做一个密码确认的例子。

我们修改前面的代码:

//先用Ext.apply方法添加自定义的password验证函数(也可以取其他的名字) Ext.apply(Ext.form.VTypes,{

password:function(val,field){//val指这里的文本框值,field指这个文本框组件,大家要明白这个意思

if(field.confirmTo){//confirmTo是我们自定义的配置参数,一般用来保存另外的组件的id值

varpwd=Ext.get(field.confirmTo);//取得confirmTo的那个id的值 return(val==pwd.getValue()); }

returntrue; }

});

//配置items参数

items:[{fieldLabel:\密码\

id:\ anchor:\ },{

fieldLabel:\确认密码\ id:\

vtype:\自定义的验证类型 vtypeText:\两次密码不一致!\

confirmTo:\要比较的另外一个的组件的id anchor:\ }

关于vtype的内容还有很多内容要挖掘,但现在我们就点到这里为止,以后有机会再讨论它的其他高级验证。

不知不觉中写了这么多,大家都要歇息了,我们下次再接着讨论,

作者: dis 时间: 2008-11-7 17:55 标题: ExtJs2.0学习系列(6)--Ext.FormPanel之第三式

(ComboBox篇)

前言:说句实话,此extjs系列的文章在博客园中的热度不高,可能是学这玩意的人不多吧,但是我觉得有这么个系列的文章对于中国朋友非常有帮助!请大家支持! 上篇ExtJs2.0学习系列(5)--Ext.FormPanel之第二式中我们讨论了下fieldset和表单验证的知识,今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及

到.net简单服务器数据交互,但暂不做深入讨论,以后会详细分析服务器交互相关,不过可能要等较长一段时间,呵呵!

5.服务器数据作为ComboBox的数据源实例 首先从服务器获取json数据:

//cs后台代码,简单起见,示例而已,要主要字符串格式(新手注意,下面的代码放在类里面,不是放在方法里)

publicstring ServerData=\湖北','江西','安徽']\

//aspx前台js介绍代码

Ext.onReady(function(){

varcombo=newExt.form.ComboBox({

store:<%=ServerData%>,//获取ServerData的string值,不要用\引起来,否则就不是object数据,而是字符串,这是一个很巧妙的关键点:把服务器的字符串转化为js的object数据,是不是超级方便。

emptyText:'请选择一个省份....', applyTo:'combo' }); });

//aspx前台html代码

作者: dis 时间: 2008-11-7 17:55

我们就通过<%=ServerData%>这样的方式获取到了服务器最简单的属性数据。问题来了,js和html怎么调用c#后台

的变量和方法?(变量的调用上面刚刚介绍) 6.js和html怎么调用c#后台的变量和方法

关于这个话题,我不多说,网上很多讲解,在此仅简单说明

1.js调用c#后台变量,参考上面,注意,如果想获取string类型,请在js里用引号 var str=\返回\湖北','江西','安徽']\2.js调用c#后台方法:

3.js调用c#后台带参数的方法

ExtJs2学习系列.doc 将本文的Word文档下载到电脑
搜索更多关于: ExtJs2学习系列 的文档
相关推荐
相关阅读
× 游客快捷下载通道(下载后可以自由复制和排版)

下载本文档需要支付 10

支付方式:

开通VIP包月会员 特价:29元/月

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信:xuecool-com QQ:370150219