/* 

* 基于JS的MultiEllipsis 

* @author tugenhua 

*/ 

function MultiEllipsis(options) { 

  var self = this; 

  self.options = $.extend({},defaults,options || {}); 

  self._init(); 

} 

$.extend(MultiEllipsis.prototype,{ 

   // 頁面初始化 

  _init: function(){ 

    var self = this, 

      cfg = self.options; 

    if(cfg.targetCls == null || $(cfg.targetCls + "")[0] === undefined) { 

      if(window.console) { 

        console.log("targetCls不為空!"); 

      } 

      return; 

    } 

    if(cfg.isShowTitle) { 

      // 獲取元素的文本 添加title屬性 

      var title = self.getText(); 

      $(cfg.targetCls ).attr({"title":title}); 

    } 

    // 如果是按照字符來限制的話 那么就不按照高度來比較 直接返回 

    if(cfg.isCharLimit) { 

      self._charCompare(); 

      return; 

    } 

    self._compareHeight(cfg.lineHeight * cfg.limitLineNumber); 

  }, 

  /* 

   * 按照字符的長度來比較 來顯示文本 

   * @method _charCompare {private} 

   * @return 返回新的字符串到容器里面 

   */ 

  _charCompare: function(){ 

    var self = this, 

      cfg = self.options; 

    var text = self.getText(); 

    if(text.length > cfg.maxLength) { 

      var curText = text.substring(0,cfg.maxLength); 

      $($(cfg.targetCls + "")[0]).html(curText + cfg.type); 

    } 

  }, 

  /* 

   * 獲取目標元素的text 

   * 如果有屬性 data-text 有值的話 那么先獲取這個值 否則的話 直接去html內(nèi)容 

   * @method getText {public} 

   */ 

  getText: function(){ 

    var self = this, 

      cfg = self.options; 

    return $.trim($($(cfg.targetCls + "")[0]).html()); 

  }, 

  /* 

   * 設置dom元素文本 

   * @method setText {public} 

   */ 

  setText: function(text){ 

    var self = this, 

      cfg = self.options; 

    $($(cfg.targetCls + "")[0]).html(text); 

  }, 

  /* 

   * 通過配置項的 行數(shù) * 一行的行高 是否大于或者等于當前的高度 

   * @method _compareHeight {private} 

   */ 

  _compareHeight: function(maxLineHeight) { 

    var self = this; 

    var curHeight = self._getTargetHeight(); 

    if(curHeight > maxLineHeight) { 

      self._deleteText(self.getText()); 

    } 

  }, 

  /* 

   * 截取文本 

   * @method _deleteText {private} 

   * @return 返回被截取的文本 

   */ 

  _deleteText: function(text){ 

    var self = this, 

      cfg = self.options, 

      typeLen = cfg.type.length; 

    var curText = text.substring(0,text.length - typeLen - 1); 

    curText += cfg.type; 

    // 設置元素的文本 

    self.setText(curText); 

    // 繼續(xù)調(diào)用函數(shù)進行比較 

    self._compareHeight(cfg.lineHeight * cfg.limitLineNumber); 

  }, 

  /* 

   * 返回當前dom的高度 

   */ 

  _getTargetHeight: function(){ 

    var self = this, 

      cfg = self.options; 

    return $($(cfg.targetCls + "")[0]).height(); 

  } 

}); 

var defaults = { 

  'targetCls'        :   null,         // 目標要截取的容器 

  'limitLineNumber'     :   1,           // 限制的行數(shù) 通過 行數(shù) * 一行的行高 >= 容器的高度 

  'type'          :   '...',         // 超過了長度 顯示的type 默認為省略號 

  'lineHeight'       :   18,         // dom節(jié)點的行高 

  'isShowTitle'       :    true,        // title是否顯示所有的內(nèi)容 默認為true 

  'isCharLimit'       :   false,        // 根據(jù)字符的長度來限制 超過顯示省略號 

  'maxLength'        :   20          // 默認為20 

};