Ajax::prototype 源码解读

2019-06-03 08:36:20刘景俊

      case 'text': 
        return Form.Element.Serializers.textarea(element); 
      case 'checkbox':  
      case 'radio': 
        return Form.Element.Serializers.inputSelector(element); 
    } 
    return false; 
  }, 

  inputSelector: function(element) { 
    if (element.checked) 
      return [element.name, element.value]; 
  }, 

  textarea: function(element) { 
    return [element.name, element.value]; 
  }, 

  /** 
   * 看样子,也不支持多选框(select-multiple) 
   */ 
  select: function(element) { 
    var index = element.selectedIndex; 
    var value = element.options[index].value || element.options[index].text; 
    return [element.name, (index >= 0) ? value : '']; 
  } 


/*--------------------------------------------------------------------------*/ 

/** 
 * Form.Element.getValue 也许会经常用到,所以做了一个快捷引用 
 */ 
var $F = Form.Element.getValue; 

/*--------------------------------------------------------------------------*/ 

/** 
 * Abstract.TimedObserver 也没有用 Class.create() 来创建,和Ajax.Base 意图应该一样 
 * Abstract.TimedObserver 顾名思义,是套用Observer设计模式来跟踪指定表单元素, 
 * 当表单元素的值发生变化的时候,就执行回调函数 
 * 
 * 我想 Observer 与注册onchange事件相似,不同点在于 onchange 事件是在元素失去焦点的时候才激发。 
 * 同样的与 onpropertychange 事件也相似,不过它只关注表单元素的值的变化,而且提供timeout的控制。 
 * 
 * 除此之外,Observer 的好处大概就在与更面向对象,另外可以动态的更换回调函数,这就比注册事件要灵活一些。 
 * Observer 应该可以胜任动态数据校验,或者多个关联下拉选项列表的连动等等 
 * 
 */ 
Abstract.TimedObserver = function() {}