优化 table 部分代码排版

src/modules/table.js

@@ -19,32 +19,32 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
   // api
   var table = {
     config: { // 全局配置项
-      checkName: 'LAY_CHECKED' // 是否选中状态的特定字段名
+      checkName: 'LAY_CHECKED', // 是否选中状态的特定字段名
-      ,indexName: 'LAY_INDEX' // 初始下标索引名，用于恢复当前页表格排序
+      indexName: 'LAY_INDEX', // 初始下标索引名，用于恢复当前页表格排序
-      ,numbersName: 'LAY_NUM' // 序号
+      numbersName: 'LAY_NUM', // 序号
-      ,disabledName: 'LAY_DISABLED' // 禁用状态的特定字段名
+      disabledName: 'LAY_DISABLED' // 禁用状态的特定字段名
-    }
+    },
-    ,cache: {} // 数据缓存
+    cache: {}, // 数据缓存
-    ,index: layui.table ? (layui.table.index + 10000) : 0
+    index: layui.table ? (layui.table.index + 10000) : 0,
     
     // 设置全局项
-    ,set: function(options){
+    set: function(options){
       var that = this;
       that.config = $.extend({}, that.config, options);
       return that;
-    }
+    },
     
     // 事件
-    ,on: function(events, callback){
+    on: function(events, callback){
       return layui.onevent.call(this, MOD_NAME, events, callback);
     }
-  }
+  };
   
   // 操作当前实例
-  ,thisTable = function(){
+  var thisTable = function(){
-    var that = this
+    var that = this;
-    ,options = that.config
+    var options = that.config;
-    ,id = options.id || options.index;
+    var id = options.id || options.index;
     
     if(id){
       thisTable.that[id] = that; // 记录当前实例对象
@@ -52,38 +52,38 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
     }
     
     return {
-      config: options
+      config: options,
-      ,reload: function(options, deep){
+      reload: function(options, deep){
         that.reload.call(that, options, deep);
-      }
+      },
-      ,reloadData: function(options, deep){
+      reloadData: function(options, deep){
         table.reloadData(id, options, deep);
-      }
+      },
-      ,setColsWidth: function(){
+      setColsWidth: function(){
         that.setColsWidth.call(that);
-      }
+      },
-      ,resize: function(){ //重置表格尺寸/结构
+      resize: function(){ // 重置表格尺寸/结构
         that.resize.call(that);
       }
     }
-  }
+  };
 
   // 获取当前实例
-  ,getThisTable = function(id){
+  var getThisTable = function(id){
     var that = thisTable.that[id];
     if(!that) hint.error(id ? ('The table instance with ID \''+ id +'\' not found') : 'ID argument required');
     return that || null;
-  }
+  };
   
   // 获取当前实例配置项
-  ,getThisTableConfig = function(id){
+  var getThisTableConfig = function(id){
     var config = thisTable.config[id];
     if(!config) hint.error(id ? ('The table instance with ID \''+ id +'\' not found') : 'ID argument required');
     return config || null;
-  }
+  };
   
   // 解析自定义模板数据
-  ,parseTempData = function(obj){
+  var parseTempData = function(obj){
     obj = obj || {};
 
     var options = this.config || {};
@@ -108,42 +108,42 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
     
     // 是否只返回文本
     return obj.text ? $('<div>'+ content +'</div>').text() : content;
-  }
+  };
   
   // 字符
-  ,MOD_NAME = 'table'
+  var MOD_NAME = 'table';
-  ,ELEM = '.layui-table'
+  var ELEM = '.layui-table';
-  ,THIS = 'layui-this'
+  var THIS = 'layui-this';
-  ,SHOW = 'layui-show'
+  var SHOW = 'layui-show';
-  ,HIDE = 'layui-hide'
+  var HIDE = 'layui-hide';
-  ,HIDE_V = 'layui-hide-v'
+  var HIDE_V = 'layui-hide-v';
-  ,DISABLED = 'layui-disabled'
+  var DISABLED = 'layui-disabled';
-  ,NONE = 'layui-none'
+  var NONE = 'layui-none';
   
-  ,ELEM_VIEW = 'layui-table-view'
+  var ELEM_VIEW = 'layui-table-view';
-  ,ELEM_TOOL = '.layui-table-tool'
+  var ELEM_TOOL = '.layui-table-tool';
-  ,ELEM_BOX = '.layui-table-box'
+  var ELEM_BOX = '.layui-table-box';
-  ,ELEM_INIT = '.layui-table-init'
+  var ELEM_INIT = '.layui-table-init';
-  ,ELEM_HEADER = '.layui-table-header'
+  var ELEM_HEADER = '.layui-table-header';
-  ,ELEM_BODY = '.layui-table-body'
+  var ELEM_BODY = '.layui-table-body';
-  ,ELEM_MAIN = '.layui-table-main'
+  var ELEM_MAIN = '.layui-table-main';
-  ,ELEM_FIXED = '.layui-table-fixed'
+  var ELEM_FIXED = '.layui-table-fixed';
-  ,ELEM_FIXL = '.layui-table-fixed-l'
+  var ELEM_FIXL = '.layui-table-fixed-l';
-  ,ELEM_FIXR = '.layui-table-fixed-r'
+  var ELEM_FIXR = '.layui-table-fixed-r';
-  ,ELEM_TOTAL = '.layui-table-total'
+  var ELEM_TOTAL = '.layui-table-total';
-  ,ELEM_PAGE = '.layui-table-page'
+  var ELEM_PAGE = '.layui-table-page';
-  ,ELEM_PAGE_VIEW = '.layui-table-pageview'
+  var ELEM_PAGE_VIEW = '.layui-table-pageview';
-  ,ELEM_SORT = '.layui-table-sort'
+  var ELEM_SORT = '.layui-table-sort';
-  ,ELEM_EDIT = 'layui-table-edit'
+  var ELEM_EDIT = 'layui-table-edit';
-  ,ELEM_HOVER = 'layui-table-hover'
+  var ELEM_HOVER = 'layui-table-hover';
-  ,ELEM_GROUP = 'laytable-cell-group'
+  var ELEM_GROUP = 'laytable-cell-group';
-  ,ELEM_COL_SPECIAL = 'layui-table-col-special'
+  var ELEM_COL_SPECIAL = 'layui-table-col-special';
-  ,ELEM_TOOL_PANEL = 'layui-table-tool-panel'
+  var ELEM_TOOL_PANEL = 'layui-table-tool-panel';
 
-  ,DATA_MOVE_NAME = 'LAY_TABLE_MOVE_DICT'
+  var DATA_MOVE_NAME = 'LAY_TABLE_MOVE_DICT';
   
   // thead 区域模板
-  ,TPL_HEADER = function(options){
+  var TPL_HEADER = function(options){
     var rowCols = '{{#if(item2.colspan){}} colspan="{{=item2.colspan}}"{{#} if(item2.rowspan){}} rowspan="{{=item2.rowspan}}"{{#}}}';
     
     options = options || {};
@@ -192,16 +192,16 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
       ,'{{# }); }}'
       ,'</thead>'
     ,'</table>'].join('');
-  }
+  };
   
   // tbody 区域模板
-  ,TPL_BODY = ['<table cellspacing="0" cellpadding="0" border="0" class="layui-table" '
+  var TPL_BODY = ['<table cellspacing="0" cellpadding="0" border="0" class="layui-table" '
     ,'{{# if(d.data.skin){ }}lay-skin="{{=d.data.skin}}"{{# } }} {{# if(d.data.size){ }}lay-size="{{=d.data.size}}"{{# } }} {{# if(d.data.even){ }}lay-even{{# } }}>'
     ,'<tbody></tbody>'
-  ,'</table>'].join('')
+  ,'</table>'].join('');
   
-  //主模板
+  // 主模板
-  ,TPL_MAIN = [
+  var TPL_MAIN = [
     ,'{{# if(d.data.toolbar){ }}'
     ,'<div class="layui-table-tool">'
       ,'<div class="layui-table-tool-temp"></div>'
@@ -283,13 +283,13 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
       ,'{{- d.data.css }}'
     ,'{{# } }}'
     ,'</style>'
-  ].join('')
+  ].join('');
   
-  ,_WIN = $(window)
+  var _WIN = $(window);
-  ,_DOC = $(document)
+  var _DOC = $(document);
   
-  // 构造器
+  // constructor
-  ,Class = function(options){
+  var Class = function(options){
     var that = this;
     that.index = ++table.index;
     that.config = $.extend({}, that.config, table.config, options);
@@ -298,25 +298,25 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
   
   // 初始默认配置
   Class.prototype.config = {
-    limit: 10 // 每页显示的数量
+    limit: 10, // 每页显示的数量
-    ,loading: true // 请求数据时，是否显示 loading
+    loading: true, // 请求数据时，是否显示 loading
-    ,escape: true // 是否开启 HTML 编码功能，即转义 html 原文
+    escape: true, // 是否开启 HTML 编码功能，即转义 html 原文
-    ,cellMinWidth: 60 // 所有单元格默认最小宽度
+    cellMinWidth: 60, // 所有单元格默认最小宽度
-    ,cellMaxWidth: Number.MAX_VALUE // 所有单元格默认最大宽度
+    cellMaxWidth: Number.MAX_VALUE, // 所有单元格默认最大宽度
-    ,editTrigger: 'click' // 单元格编辑的事件触发方式
+    editTrigger: 'click', // 单元格编辑的事件触发方式
-    ,defaultToolbar: ['filter', 'exports', 'print'] // 工具栏右侧图标
+    defaultToolbar: ['filter', 'exports', 'print'], // 工具栏右侧图标
-    ,defaultContextmenu: true // 显示默认上下文菜单
+    defaultContextmenu: true, // 显示默认上下文菜单
-    ,autoSort: true // 是否前端自动排序。如果否，则需自主排序（通常为服务端处理好排序）
+    autoSort: true, // 是否前端自动排序。如果否，则需自主排序（通常为服务端处理好排序）
-    ,text: {
+    text: {
       none: '无数据'
-    }
+    },
-    ,cols: []
+    cols: []
   };
 
   // 表格渲染
   Class.prototype.render = function(type){
-    var that = this
+    var that = this;
-    ,options = that.config;
+    var options = that.config;
 
     options.elem = $(options.elem);
     options.where = options.where || {};