WEB开发网
开发学院网页设计JavaScript 对prototype.js进行的扩展 阅读

对prototype.js进行的扩展

 2010-09-14 13:21:55 来源:WEB开发网   
核心提示:最近的项目中要使用ajax,于是对各种ajaxframework在进行比较之后,最终选择了prototype.js,由于prototype.js是一个非常基础的ajaxframework,需要根据项目需求自己来进行一些扩展,下面就是我所做的一些扩展,如有误,请指正!我实现了一个Form.Element.Validati

最近的项目中要使用ajax,于是对各种ajaxframework在进行比较之后,最终选择了prototype.js,由于prototype.js是一个非常基础的ajaxframework,需要根据项目需求自己来进行一些扩展,下面就是我所做的一些扩展,如有误,请指正! 

我实现了一个Form.Element.ValidationObserver,这个类需要依赖Validation.js以及相应的css(validation-advice),该类是对表单中的单个元素通过ajax结合后台进行验证,其中因为无法实现对Validation.js进行重用,所以copy了其中的一些代码,我实在想不到更好的办法,如果有哪位有更好的做法,不吝赐教! 

/* 
*对Form.Element进行扩展 
*/ 
Object.extend(Form.Element,{ 
 /* 
 *使指定的element不可用 
 */ 
 disable:function(element){ 
  element=$(element); 
  element.disabled=’true’; 
 }, /* 
 *使指定的element可用 
 */ 
 enable:function(element){ 
  element=$(element); 
  element.disabled=’’; 
 }, /* 
 *判断值是否为空 
 */ 
 empty:function(element){ 
   returnthis.getValue(element).match(/^s*$/); 
 }, /* 
 *判断值是否不为空 
 */ 
 notEmpty:function(element){ 
   return!this.empty(element); 
  } 
});/* 
*对Element进行扩展 
*/ 
Object.extend(Element,{ 
 /* 
 *以块状显示指定的element 
 */ 
 block:function(){ 
  for(vari=0;i<arguments.length;i++){ 
   varelement=$(arguments[i]); 
   element.style.display=’block’; 
  } 
 } 
});/* 

1 2 3  下一页

Tags:prototype js 进行

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接