bjquanjiang
/
DigitalScholl
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
268 Commits
27 Branches
925 MiB
 
 
 
 
 
 
Tree: b7e012ba6e
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'b7e012ba6e'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Views/LR_Content/plugin/grid/jfgrid.js

2278 lines
104 KiB
Raw Blame History 

  1. (function ($, learun) {

  2.     "use strict";

  3.     var $jfgridmove = null;

  4.     var cb = ['checkbox_0.png', 'checkbox_1.png', 'checkbox_2.png'];

  5.     var imageurl = top.$.rootUrl + '/Content/images/jfgrid/';

  6. 

  7.     // 初始化表头数据

  8.     var headDataInit = function (data, parent, headData, cols, frozenCols, running) {

  9.         var _left = running.left;

  10.         var _frozenleft = running.frozenleft;

  11. 

  12.         var _top = 0;

  13.         var _deep = 0;

  14.         var _frozen = false;

  15. 

  16.         if (parent) {

  17.             _left = parent.left;

  18.             _top = parent.top + 28;

  19.             _deep = parent.deep + 1;

  20.             _frozen = parent.frozen;

  21.         }

  22.         var _width = 0;

  23.         var len = data.length;

  24.         $.each(data, function (_index, _item) {//_item:label 显示列名 /name 字段名 /width 宽度 /align 对齐方式 /frozen 冻结列 /statistics 统计 /isMerge 合并

  25.             //设置列表头数据

  26.             var col = {

  27.                 data: _item,

  28.                 height: 28,

  29.                 width: _item.width || 100,

  30.                 top: _top,

  31.                 left: _left,

  32.                 frozen: _frozen,

  33.                 deep: _deep,

  34.                 last: true,

  35.                 parent: parent

  36.             };

  37. 

  38.             if (!parent && _item.frozen) {

  39.                 col.frozen = true;

  40.                 col.left = _frozenleft;

  41.             }

  42.             headData.push(col);

  43. 

  44. 

  45. 

  46.             // 如果有子节点

  47.             if (_item.children && _item.children.length > 0) {

  48.                 col.last = false;

  49.                 col.width = headDataInit(_item.children, col, headData, cols, frozenCols, running);

  50.             }

  51.             else {

  52.                 running.MaxDeep = running.MaxDeep > col.deep ? running.MaxDeep : col.deep;

  53. 

  54.                 if (col.frozen) {

  55.                     frozenCols.push(col);

  56.                 }

  57.                 else {

  58.                     cols.push(col);

  59.                 }

  60. 

  61.                 // 判断是否需要和并行

  62.                 if (_item.isMerge) {

  63.                     running.mergeCols.push(col);

  64.                 }

  65.                 // 如果有统计列

  66.                 if (_item.statistics) {

  67.                     running.isStatistic = true;

  68.                 }

  69.             }

  70. 

  71.             if (!parent) {

  72.                 if (col.frozen) {

  73.                     _frozenleft += col.width;

  74.                     running.frozenleft += col.width;

  75.                 }

  76.                 else {

  77.                     _left += col.width;

  78.                     running.left += col.width;

  79.                 }

  80.             }

  81.             else {

  82.                 _left += col.width;

  83.             }

  84.             _width += col.width;

  85.         });

  86. 

  87. 

  88.         return _width;

  89.     };

  90.     // 如果整体表格宽度大于所有列之和就调整之后一列的宽度

  91.     var setColWidth = function (col, width, isUpdate) {

  92.         col._width = col.width + width;

  93.         if (isUpdate) {

  94.             col.$cell.css({ 'width': col._width });

  95.         }

  96.         if (col.parent) {

  97.             setColWidth(col.parent, width);

  98.         }

  99.     };

  100.     var setLastColWidth = function ($self, op, isUpdate) {

  101.         var width = $self.innerWidth();

  102.         var colwidth = op.running.headWidth + op.running.leftWidth;

  103.         if (op.running.cols.length > 0) {

  104.             var col = op.running.cols[op.running.cols.length - 1];

  105.             var _width = 0;

  106.             var flag = false;

  107.             if (width > colwidth) {

  108.                 _width = width - colwidth + 1;

  109.                 setColWidth(col, _width, isUpdate);

  110.                 flag = true;

  111.             }

  112.             else if (col._width != undefined) {

  113.                 _width = 1;

  114.                 setColWidth(col, _width, isUpdate);

  115.                 flag = true;

  116.             }

  117. 

  118. 

  119.             if (flag) {

  120.                 $self.find('#jfgrid_head_col_' + op.id).css({ 'width': (op.running.headWidth + _width) });

  121.                 if (isUpdate) {

  122.                     $self.find('#jfgrid_body_' + op.id + '>.lr-scroll-box').css({ 'width': (op.running.headWidth + op.running.leftWidth + _width - 1) });

  123.                     $self.find('#jfgrid_right_' + op.id).css({ 'width': (op.running.headWidth + _width - 1) });

  124.                     $self.find('#jfgrid_right_' + op.id + '>[colname="' + col.data.name + '"]').css({ 'width': col._width });

  125.                 }

  126.             }

  127. 

  128.         }

  129.     };

  130.     // 单元格数据格式化

  131.     var formatterCell = function (value, item, row, rowItem, op) {

  132.         if (value !== 0) {

  133.             value = value || '';

  134.         }

  135.         if (item.formatter) {

  136.             var text = item.formatter(value, row, op, rowItem.$cell);

  137.             rowItem.text = $('<div>' + (text || '') + '</div>').text();

  138.             rowItem.$cell.attr('title', rowItem.text);

  139. 

  140.             var $expend = rowItem.$cell.find('.jfgrid-data-cell-expend');

  141.             rowItem.$cell.html(text);

  142.             rowItem.$cell.prepend($expend);

  143. 

  144.             if (item.statistics) {// 如果该单元格数据需要统计就进行计算

  145.                 rowItem.statisticsNum = rowItem.statisticsNum || 0;

  146.                 op.running.statisticData[item.name] = op.running.statisticData[item.name] || 0;

  147.                 op.running.statisticData[item.name] += (parseFloat(text || 0) - rowItem.statisticsNum);

  148.                 rowItem.statisticsNum = parseFloat(text || 0);

  149.                 $('#jfgrid_statistic_' + op.id + ' [name="' + item.name + '"]').text(op.running.statisticData[item.name]);

  150.             }

  151. 

  152.             $expend = null;

  153.         }

  154.         else if (item.formatterAsync) {

  155.             item.formatterAsync(function (text) {

  156.                 rowItem.text = $('<div>' + (text || '') + '</div>').text();

  157.                 rowItem.$cell.attr('title', rowItem.text);

  158.                 var $expend = rowItem.$cell.find('.jfgrid-data-cell-expend');

  159.                 rowItem.$cell.html(text);

  160.                 rowItem.$cell.prepend($expend);

  161.                 $expend = null;

  162. 

  163. 

  164.                 if (item.statistics) {// 如果该单元格数据需要统计就进行计算

  165.                     rowItem.statisticsNum = rowItem.statisticsNum || 0;

  166.                     op.running.statisticData[item.name] = op.running.statisticData[item.name] || 0;

  167.                     op.running.statisticData[item.name] += (parseFloat(text || 0) - rowItem.statisticsNum);

  168.                     rowItem.statisticsNum = parseFloat(text || 0);

  169.                     $('#jfgrid_statistic_' + op.id + ' [name="' + item.name + '"]').text(op.running.statisticData[item.name]);

  170.                 }

  171. 

  172.             }, value, row, op, rowItem.$cell);

  173.         }

  174.         else {

  175.             // 如果是编辑单元列

  176.             if (item.edit) {

  177.                 switch (item.edit.type) {

  178.                     case 'input':          // 输入框 文本,数字,密码

  179.                         break;

  180.                     case 'select':         // 下拉框选择

  181.                         // 如果有data

  182. 

  183.                         if (item.edit.op.data) {

  184.                             $.each(item.edit.op.data, function (_index, _item) {

  185.                                 if (_item[item.edit.op.value] == value) {

  186.                                     rowItem.text = _item[item.edit.op.text];

  187.                                     rowItem.$cell.attr('title', rowItem.text);

  188. 

  189.                                     var $expend = rowItem.$cell.find('.jfgrid-data-cell-expend');

  190.                                     rowItem.$cell.html(rowItem.text);

  191.                                     rowItem.$cell.prepend($expend);

  192.                                     $expend = null;

  193.                                     return false;

  194.                                 }

  195.                             });

  196.                             return;

  197.                         }

  198.                         else {

  199.                             if (item.edit.datatype === 'dataItem') {

  200.                                 learun.clientdata.getAsync('dataItem', {

  201.                                     key: value,

  202.                                     code: item.edit.code,

  203.                                     rowItem: rowItem,

  204.                                     callback: function (_data, _op) {

  205.                                         _op.rowItem.text = _data.text;

  206.                                         _op.rowItem.$cell.attr('title', _op.rowItem.text);

  207.                                         var $expend = _op.rowItem.$cell.find('.jfgrid-data-cell-expend');

  208.                                         _op.rowItem.$cell.html(_op.rowItem.text);

  209.                                         _op.rowItem.$cell.prepend($expend);

  210.                                         $expend = null;

  211.                                     }

  212.                                 });

  213.                                 return;

  214.                             }

  215.                             else if (item.edit.datatype === 'dataSource') {

  216.                                 learun.clientdata.getAsync('sourceData', {

  217.                                     key: value,

  218.                                     keyId: item.edit.op.value,

  219.                                     code: item.edit.code,

  220.                                     rowItem: rowItem,

  221.                                     callback: function (_data, _op) {

  222.                                         _op.rowItem.text = _data[item.edit.op.text];

  223.                                         _op.rowItem.$cell.attr('title', _op.rowItem.text);

  224. 

  225.                                         var $expend = _op.rowItem.$cell.find('.jfgrid-data-cell-expend');

  226.                                         _op.rowItem.$cell.html(_op.rowItem.text);

  227.                                         _op.rowItem.$cell.prepend($expend);

  228.                                         $expend = null;

  229.                                     }

  230.                                 });

  231.                                 return;

  232.                             }

  233.                         }

  234.                         break;

  235.                     case 'radio':          // 单选

  236.                         if (item.edit.data) {

  237.                             $.each(item.edit.data, function (_index, _item) {

  238.                                 if (_item.id == value) {

  239.                                     rowItem.text = _item.text;

  240.                                     rowItem.$cell.attr('title', rowItem.text);

  241.                                     var $expend = rowItem.$cell.find('.jfgrid-data-cell-expend');

  242.                                     rowItem.$cell.html(rowItem.text);

  243.                                     rowItem.$cell.prepend($expend);

  244.                                     $expend = null;

  245.                                     return false;

  246.                                 }

  247.                             });

  248.                             return;

  249.                         }

  250.                         else {

  251.                             if (item.edit.datatype === 'dataItem') {

  252.                                 learun.clientdata.getAsync('dataItem', {

  253.                                     key: value,

  254.                                     code: item.edit.code,

  255.                                     rowItem: rowItem,

  256.                                     callback: function (_data, _op) {

  257.                                         _op.rowItem.text = _data.text;

  258.                                         _op.rowItem.$cell.attr('title', _op.rowItem.text);

  259.                                         var $expend = _op.rowItem.$cell.find('.jfgrid-data-cell-expend');

  260.                                         _op.rowItem.$cell.html(_op.rowItem.text);

  261.                                         _op.rowItem.$cell.prepend($expend);

  262.                                         $expend = null;

  263.                                     }

  264.                                 });

  265.                                 return;

  266.                             }

  267.                             else if (item.edit.datatype === 'dataSource') {

  268.                                 learun.clientdata.getAsync('sourceData', {

  269.                                     key: value,

  270.                                     keyText: item.edit.op.text,

  271.                                     keyId: item.edit.op.value,

  272.                                     code: item.edit.code,

  273.                                     rowItem: rowItem,

  274.                                     callback: function (_data, _op) {

  275.                                         _op.rowItem.text = _data[_op.keyText];

  276.                                         _op.rowItem.$cell.attr('title', _op.rowItem.text);

  277. 

  278.                                         var $expend = _op.rowItem.$cell.find('.jfgrid-data-cell-expend');

  279.                                         _op.rowItem.$cell.html(_op.rowItem.text);

  280.                                         _op.rowItem.$cell.prepend($expend);

  281.                                         $expend = null;

  282.                                     }

  283.                                 });

  284.                                 return;

  285.                             }

  286.                         }

  287.                         break;

  288.                     case 'checkbox':       // 多选

  289.                         if (value != undefined && value != null && value != "") {

  290.                             if (item.edit.data) {

  291.                                 var _vlist = value.split(',');

  292.                                 var _vmap = {};

  293.                                 $.each(_vlist, function (_index, _item) {

  294.                                     _vmap[_item] = '1';

  295.                                 });

  296.                                 var _text = [];

  297. 

  298.                                 $.each(item.edit.data, function (_index, _item) {

  299.                                     if (_vmap[_item.id] == '1') {

  300.                                         _text.push(_item.text);

  301.                                     }

  302.                                 });

  303. 

  304.                                 rowItem.text = String(_text);

  305.                                 rowItem.$cell.attr('title', rowItem.text);

  306.                                 var $expend = rowItem.$cell.find('.jfgrid-data-cell-expend');

  307.                                 rowItem.$cell.html(rowItem.text);

  308.                                 rowItem.$cell.prepend($expend);

  309.                                 $expend = null;

  310.                                 return;

  311.                             }

  312.                             else {

  313.                                 if (item.edit.datatype === 'dataItem') {

  314.                                     learun.clientdata.getAllAsync('dataItem', {

  315.                                         code: item.edit.code,

  316.                                         rowItem: rowItem,

  317.                                         value: value,

  318.                                         callback: function (_dataes, _op) {

  319.                                             var _vlist = _op.value.split(',');

  320.                                             var _vmap = {};

  321.                                             $.each(_vlist, function (_index, _item) {

  322.                                                 _vmap[_item] = '1';

  323.                                             });

  324.                                             var _text = [];

  325. 

  326.                                             $.each(_dataes, function (_index, _item) {

  327.                                                 if (_vmap[_item.value] == '1') {

  328.                                                     _text.push(_item.text);

  329.                                                 }

  330.                                             });

  331. 

  332.                                             _op.rowItem.text = String(_text);

  333.                                             _op.rowItem.$cell.attr('title', _op.rowItem.text);

  334.                                             var $expend = _op.rowItem.$cell.find('.jfgrid-data-cell-expend');

  335.                                             _op.rowItem.$cell.html(_op.rowItem.text);

  336.                                             _op.rowItem.$cell.prepend($expend);

  337.                                             $expend = null;

  338.                                         }

  339.                                     });

  340.                                     return;

  341.                                 }

  342.                                 else if (item.edit.datatype === 'dataSource') {

  343.                                     learun.clientdata.getAllAsync('sourceData', {

  344.                                         value: value,

  345.                                         keyId: item.edit.op.value,

  346.                                         keyText: item.edit.op.text,

  347.                                         code: item.edit.code,

  348.                                         rowItem: rowItem,

  349.                                         callback: function (_dataes, _op) {

  350.                                             var _vlist = _op.value.split(',');

  351.                                             var _vmap = {};

  352.                                             $.each(_vlist, function (_index, _item) {

  353.                                                 _vmap[_item] = '1';

  354.                                             });

  355.                                             var _text = [];

  356. 

  357.                                             $.each(_dataes, function (_index, _item) {

  358.                                                 if (_vmap[_item[_op.keyId]] == '1') {

  359.                                                     _text.push(_item[_op.keyText]);

  360.                                                 }

  361.                                             });

  362. 

  363.                                             _op.rowItem.text = String(_text);

  364.                                             _op.rowItem.$cell.attr('title', _op.rowItem.text);

  365.                                             var $expend = _op.rowItem.$cell.find('.jfgrid-data-cell-expend');

  366.                                             _op.rowItem.$cell.html(_op.rowItem.text);

  367.                                             _op.rowItem.$cell.prepend($expend);

  368.                                             $expend = null;

  369.                                         }

  370.                                     });

  371.                                     return;

  372.                                 }

  373.                             }

  374.                         }

  375.                         break;

  376.                     case 'datatime':       // 时间

  377.                         if (item.edit.dateformat == "0") {

  378.                             value = learun.formatDate(value, "yyyy-MM-dd");

  379.                             row[item.name] = value;

  380.                         }

  381. 

  382.                         break;

  383.                     case 'layer':          // 弹层

  384.                         // 获取下行号

  385.                         var rownum = rowItem.$cell.attr('rowindex');

  386.                         var $expend = rowItem.$cell.find('.jfgrid-data-cell-expend');

  387.                         rowItem.text = value;

  388.                         rowItem.$cell.attr('title', rowItem.text);

  389.                         rowItem.$cell.html((value || '') + '<i class="fa fa-ellipsis-h" value="' + rownum + '" ></i>');

  390.                         rowItem.$cell.prepend($expend);

  391. 

  392.                         rowItem.$cell.find('.fa-ellipsis-h')[0].op = item;

  393.                         rowItem.$cell.find('.fa-ellipsis-h')[0].row = row;

  394. 

  395.                         rowItem.$cell.find('.fa-ellipsis-h').on('click', function () {

  396.                             var $this = $(this);

  397.                             var op = $this[0].op;

  398.                             var _row = $this[0].row;

  399.                             var rownum = $this.attr('value');

  400.                             op.edit.init && op.edit.init(_row, $this.parent(), rownum);

  401.                             top.lrGirdLayerEdit = op;

  402.                             top.lrGirdLayerEditCallBack = function (data) {

  403.                                 op.edit.change && op.edit.change(_row, rownum, data);

  404.                                 top.lrGirdLayerEdit = null;

  405.                                 top.lrGirdLayerEditCallBack = null;

  406.                             };

  407.                             if (item.edit.op) {

  408.                                 learun.layerForm({

  409.                                     id: 'lrgridlayerform',

  410.                                     title: '选择' + item.label,

  411.                                     url: top.$.rootUrl + '/Utility/JfGirdLayerForm',

  412.                                     height: item.edit.op.height || 400,

  413.                                     width: item.edit.op.width || 600,

  414.                                     callBack: function (id) {

  415.                                         var res = top[id].acceptClick(function (data) {

  416.                                             op.edit.change && op.edit.change(_row, rownum, data);

  417.                                         });

  418.                                         top.lrGirdLayerEdit = null;

  419.                                         return res;

  420.                                     }

  421.                                 });

  422.                             }

  423.                             return false;

  424.                         });

  425.                         return;

  426.                         break;

  427.                 }

  428.             }

  429. 

  430.             var $expend = rowItem.$cell.find('.jfgrid-data-cell-expend');

  431.             rowItem.text = value;

  432.             rowItem.$cell.attr('title', rowItem.text);

  433.             rowItem.$cell.html(rowItem.text);

  434.             rowItem.$cell.prepend($expend);

  435.             if (item.statistics) {// 如果该单元格数据需要统计就进行计算

  436.                 rowItem.statisticsNum = rowItem.statisticsNum || 0;

  437.                 op.running.statisticData[item.name] = op.running.statisticData[item.name] || 0;

  438.                 op.running.statisticData[item.name] += (parseFloat(rowItem.text || 0) - rowItem.statisticsNum);

  439.                 rowItem.statisticsNum = parseFloat(rowItem.text || 0);

  440. 

  441.                 $('#jfgrid_statistic_' + op.id + ' [name="' + item.name + '"]').text(op.running.statisticData[item.name]);

  442.             }

  443. 

  444.             $expend = null;

  445.         }

  446.     };

  447. 

  448.     // 调整列宽设置宽度

  449.     var setColWidthByMove = function (col, width) {

  450.         col.width = col.width + width;

  451.         col.$cell.css({ 'width': col.width });

  452.         if (col.parent) {

  453.             setColWidthByMove(col.parent, width);

  454.         }

  455.     };

  456. 

  457.     // 初始化编辑单元格

  458.     var initEditCell = function ($self, op, col) {

  459.         switch (col.data.edit.type) {

  460.             case 'input':          // 输入框 文本,数字,密码

  461.                 col.$edit = $('<div class="jfgrid-edit-cell"><input id="jfgrid_edit_' + op.id + '_' + col.data.name + '" /></div>');

  462.                 if (col.data.edit.inputType) {  //数字

  463.                     col.$edit = $('<div class="jfgrid-edit-cell"><input type="' + col.data.edit.inputType + '" id="jfgrid_edit_' + op.id + '_' + col.data.name + '" /></div>');

  464.                 }

  465.                 if (col.frozen) {

  466.                     $self.find('#jfgrid_left_' + op.id).append(col.$edit);

  467.                 }

  468.                 else {

  469.                     $self.find('#jfgrid_right_' + op.id).append(col.$edit);

  470.                 }

  471.                 col.$edit.on("keypress", function (e) {

  472.                     if (event.keyCode == "13") {

  473.                         hideEditCell();

  474.                     }

  475.                 });

  476. 

  477. 

  478.                 break;

  479.             case 'select':         // 下拉框选择

  480.                 col.$edit = $('<div class="jfgrid-edit-cell"><div id="jfgrid_edit_' + op.id + '_' + col.data.name + '" ></div></div>');

  481.                 if (col.frozen) {

  482.                     $self.find('#jfgrid_left_' + op.id).append(col.$edit);

  483.                 }

  484.                 else {

  485.                     $self.find('#jfgrid_right_' + op.id).append(col.$edit);

  486.                 }

  487.                 col.data.edit.op = col.data.edit.op || {};

  488.                 col.$edit.find('div').lrselect(col.data.edit.op);

  489. 

  490.                 col.data.edit.op.value = col.$edit.find('div')[0]._lrselect.dfop.value;

  491.                 col.data.edit.op.text = col.$edit.find('div')[0]._lrselect.dfop.text;

  492.                 if (col.data.edit.datatype == 'dataItem') {

  493.                     learun.clientdata.getAllAsync('dataItem', {

  494.                         code: col.data.edit.code,

  495.                         callback: function (dataes) {

  496.                             var list = [];

  497.                             $.each(dataes, function (_index, _item) {

  498.                                 list.push({ id: _item.value, text: _item.text, title: _item.text, k: _index });

  499.                             });

  500.                             col.$edit.find('div').lrselectRefresh({ data: list });

  501.                         }

  502.                     });

  503.                 }

  504.                 else if (col.data.edit.datatype == 'dataSource') {

  505.                     learun.clientdata.getAllAsync('sourceData', {

  506.                         code: col.data.edit.code,

  507.                         callback: function (dataes) {

  508.                             col.$edit.find('div').lrselectRefresh({

  509.                                 data: dataes

  510.                             });

  511.                         }

  512.                     });

  513.                 }

  514. 

  515.                 break;

  516.             case 'radio':          // 单选

  517.                 col.$edit = $('<div class="jfgrid-edit-cell"><div id="jfgrid_edit_' + op.id + '_' + col.data.name + '" class="radio"  ></div></div>');

  518.                 if (col.frozen) {

  519.                     $self.find('#jfgrid_left_' + op.id).append(col.$edit);

  520.                 }

  521.                 else {

  522.                     $self.find('#jfgrid_right_' + op.id).append(col.$edit);

  523.                 }

  524.                 if (col.data.edit.datatype == 'dataItem') {

  525.                     col.$edit.find('div').lrRadioCheckbox({

  526.                         type: 'radio',

  527.                         code: col.data.edit.code

  528.                     });

  529.                 }

  530.                 else if (col.data.edit.datatype == 'dataSource') {

  531.                     col.$edit.find('div').lrRadioCheckbox({

  532.                         type: 'radio',

  533.                         dataType: 'dataSource',

  534.                         code: col.data.edit.code,

  535.                         text: col.data.edit.text,

  536.                         value: col.data.edit.value

  537.                     });

  538.                 }

  539.                 else {

  540.                     $.each(col.data.edit.data || [], function (id, item) {

  541.                         var $point = $('<label><input name="jfgrid_edit_' + op.id + '_' + col.data.name + '" value="' + item.id + '"' + (col.data.edit.dfvalue == item.id ? "checked" : "") + ' type="radio">' + item.text + '</label>');

  542.                         col.$edit.find('div').append($point);

  543.                     });

  544.                 }

  545.                 break;

  546.             case 'checkbox':       // 多选

  547.                 col.$edit = $('<div class="jfgrid-edit-cell"><div id="jfgrid_edit_' + op.id + '_' + col.data.name + '" class="checkbox"  ></div></div>');

  548.                 if (col.frozen) {

  549.                     $self.find('#jfgrid_left_' + op.id).append(col.$edit);

  550.                 }

  551.                 else {

  552.                     $self.find('#jfgrid_right_' + op.id).append(col.$edit);

  553.                 }

  554.                 if (col.data.edit.datatype == 'dataItem') {

  555.                     col.$edit.find('div').lrRadioCheckbox({

  556.                         type: 'checkbox',

  557.                         code: col.data.edit.code

  558.                     });

  559.                 }

  560.                 else if (col.data.edit.datatype == 'dataSource') {

  561.                     col.$edit.find('div').lrRadioCheckbox({

  562.                         type: 'checkbox',

  563.                         dataType: 'dataSource',

  564.                         code: col.data.edit.code,

  565.                         text: col.data.edit.text,

  566.                         value: col.data.edit.value

  567.                     });

  568.                 }

  569.                 else {

  570.                     $.each(col.data.edit.data || [], function (id, item) {

  571.                         var $point = $('<label><input name="jfgrid_edit_' + op.id + '_' + col.data.name + '" value="' + item.id + '"' + (col.data.edit.dfvalue == item.id ? "checked" : "") + ' type="checkbox">' + item.text + '</label>');

  572.                         col.$edit.find('div').append($point);

  573.                     });

  574.                 }

  575.                 break;

  576.             case 'datatime':       // 时间

  577.                 var dateformat = col.data.edit.dateformat == '0' ? 'yyyy-MM-dd' : 'yyyy-MM-dd HH:mm';

  578.                 col.$edit = $('<div class="jfgrid-edit-cell"><input id="jfgrid_edit_' + op.id + '_' + col.data.name + '" onClick="WdatePicker({dateFmt:\'' + dateformat + '\',qsEnabled:false,isShowClear:false,isShowOK:false,isShowToday:false,onpicked:function(){$(\'#jfgrid_edit_' + op.id + '_' + col.data.name + '\').trigger(\'change\');}})"  type="text" class="form-control" /></div>');

  579.                 if (col.frozen) {

  580.                     $self.find('#jfgrid_left_' + op.id).append(col.$edit);

  581.                 }

  582.                 else {

  583.                     $self.find('#jfgrid_right_' + op.id).append(col.$edit);

  584.                 }

  585.                 col.$edit.on("keypress", function (e) {

  586.                     if (event.keyCode == "13") {

  587.                         hideEditCell();

  588.                     }

  589.                 });

  590.                 break;

  591.             case 'layer':          // 弹层

  592.                 break;

  593.         }

  594.     };

  595.     // 单元格编辑项隐藏

  596.     var hideEditCell = function () {

  597.         $('.jfgrid-layout .jfgrid-edit-cell ').hide();

  598.         $('.jfgrid-layout .lr-select-option').slideUp(150);

  599.         $('.jfgrid-layout .lr-select').removeClass('lr-select-focus');

  600.     };

  601. 

  602. 

  603.     var _jfgrid = {

  604.         init: function ($self, op) {

  605.             if (op.url == '' || op.url == null || op.url == undefined) {

  606.                 op.isPage = false;

  607.             }

  608. 

  609.             $self.html('');

  610.             $self.addClass('jfgrid-layout');

  611.             // 添加一个移动板

  612.             if ($jfgridmove === null) {

  613.                 $jfgridmove = $('<div style="position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;cursor: col-resize;display: none;" ></div>');

  614.                 $('body').append($jfgridmove);

  615.             }

  616.             // 整体表格布局

  617.             _jfgrid.layout($self, op);

  618.             _jfgrid.bind($self, op);

  619.             // 渲染头部

  620.             _jfgrid.head($self, op);

  621.             // 渲染数据

  622.             _jfgrid.dataRender($self, op, op.rowdatas);

  623.             op = null;

  624.         },

  625.         layout: function ($self, op) {

  626.             if (op.height != undefined && op.height != null && op.height > 0) {

  627.                 $self.css({ height: op.height });

  628.             }

  629.             // 头部

  630.             var $head = $('<div class="jfgrid-head" id="jfgrid_head_' + op.id + '" ></div>');

  631.             $head.append('<div class="jfgrid-border" id="jfgrid_border_' + op.id + '" ></div>');

  632.             $head.append('<div class="jfgrid-head-col" id="jfgrid_head_col_' + op.id + '" ></div>');

  633.             $self.append($head);

  634.             // 数据显示部分

  635.             var $body = $('<div class="jfgrid-body" id="jfgrid_body_' + op.id + '" ></div>');

  636.             $body.append('<div class="jfgrid-left" id="jfgrid_left_' + op.id + '" ></div>');

  637.             $body.append('<div class="jfgrid-right" id="jfgrid_right_' + op.id + '" ></div>');

  638.             $self.append($body);

  639.             // 底部

  640.             var $footer = $('<div class="jfgrid-footer" id="jfgrid_footer_' + op.id + '" ></div>');

  641.             $self.append($footer);

  642. 

  643.             // 调整列宽移动条

  644.             $self.append('<div class="jfgrid-move-line" id="jfgrid_move_line_' + op.id + '"  ></div>');

  645. 

  646. 

  647.             // 初始化滚动条

  648.             $body.lrscroll(function (x, y) {

  649.                 if (!$self.is(":hidden")) {

  650.                     $self.find('#jfgrid_left_' + op.id).css('left', x);

  651.                     $self.find('#jfgrid_head_col_' + op.id).css('left', op.running.leftWidth - x);

  652.                     if (op.running.isStatistic) {// 添加统计条单元格

  653.                         $self.find('#jfgrid_statistic_' + op.id + '>.jfgrid-statistic-right').css('left', - x);

  654.                     }

  655. 

  656.                     hideEditCell();

  657.                 }

  658.             });

  659. 

  660.             // 没有数据的时候显示的图片

  661.             $self.find('#jfgrid_body_' + op.id).append('<div class="jfgrid-nodata-img" id="jfgrid_nodata_img_' + op.id + '"  ><img src="' + top.$.rootUrl + '/Content/images/jfgrid/nodata.jpg"></div>');

  662. 

  663.             // 分页条

  664.             if (op.isPage) {// 支持

  665.                 $self.css({ 'padding-bottom': '35px' });

  666.                 var $pagebar = $('<div class="jfgrid-page-bar" id="jfgrid_page_bar_' + op.id + '"><div class="jfgrid-page-bar-info" >无显示数据</div>\

  667.                 <div class="paginations" id="jfgrid_page_bar_nums_'+ op.id + '" style="display:none;" >\

  668.                 <ul class="pagination pagination-sm"><li><a href="javascript:void(0);" class="pagebtn">首页</a></li></ul>\

  669.                 <ul class="pagination pagination-sm"><li><a href="javascript:void(0);" class="pagebtn">上一页</a></li></ul>\

  670.                 <ul class="pagination pagination-sm" id="jfgrid_page_bar_num_' + op.id + '" ></ul>\

  671.                 <ul class="pagination pagination-sm"><li><a href="javascript:void(0);" class="pagebtn">下一页</a></li></ul>\

  672.                 <ul class="pagination pagination-sm"><li><a href="javascript:void(0);" class="pagebtn">尾页</a></li></ul>\

  673.                 <ul class="pagination"><li><span></span></li></ul>\

  674.                 <ul class="pagination"><li><input type="text" class="form-control"></li></ul>\

  675.                 <ul class="pagination pagination-sm"><li><a href="javascript:void(0);" class="pagebtn">跳转</a></li></ul>\

  676.                 </div></div>');

  677.                 $footer.append($pagebar);

  678.                 $pagebar.find('#jfgrid_page_bar_num_' + op.id).on('click', _jfgrid.turnPage);

  679.                 $pagebar.find('#jfgrid_page_bar_nums_' + op.id + ' .pagebtn').on('click', { op: op }, _jfgrid.turnPage2);

  680.                 $pagebar = null;

  681.             }

  682.             else if (op.isEdit) {

  683.                 $self.css({ 'padding-bottom': '29px' });

  684.                 var $toolbar = $('<div class="jfgrid-toolbar" id="jfgrid_toolbar_' + op.id + '"></div>');

  685.                 var $add = $('<span><i class="fa fa-plus"></i></span>');

  686.                 var $minus = $('<span><i class="fa fa-minus"></i></span>');

  687.                 if (op.isEditWithTip) {     //工具栏增加汉字提示

  688.                     $add = $('<span><i class="fa fa-plus"></i><b>添加</b></span>');

  689.                     $minus = $('<span><i class="fa fa-minus"></i><b>删除</b></span>');

  690.                 }

  691.                 $add.on('click', function () {

  692.                     var _item = {};

  693.                     op.rowdatas.push(_item);

  694.                     op.onAddRow && op.onAddRow(_item, op.rowdatas);

  695.                     if (op.isTree) {

  696.                         _jfgrid.rowRender($self, op, { data: _item, childRows: [] }, 0, 1);

  697.                     }

  698.                     else {

  699.                         _jfgrid.rowRender($self, op, _item, 0);

  700.                     }

  701.                     $self.find('#jfgrid_nodata_img_' + op.id).hide();

  702. 

  703.                 });

  704.                 $minus.on('click', function () {

  705.                     // 获取选中行

  706.                     var flag = false;

  707.                     var res = true;

  708.                     if (op.isMultiselect) {

  709.                         var checklist = [];

  710.                         $.each(op.running.rowdata, function (_index, _item) {

  711.                             if (_item['jfcheck'].value == 1) {

  712.                                 res = true;

  713.                                 if (op.beforeMinusRow) {

  714.                                     res = op.beforeMinusRow(_item['jfgridRowData']);

  715.                                 }

  716.                                 if (res) {

  717.                                     op.rowdatas.splice(op.rowdatas.indexOf(_item['jfgridRowData']), 1);

  718.                                     checklist.push(_item['jfgridRowData']);

  719.                                     flag = true;

  720.                                 }

  721.                             }

  722.                         });

  723.                         if (flag) {

  724.                             op.onMinusRow && op.onMinusRow(checklist, op.rowdatas);

  725.                         }

  726.                     }

  727.                     else {

  728.                         if (op.running.rowSelected != null) {

  729.                             res = true;

  730.                             if (op.beforeMinusRow) {

  731.                                 res = op.beforeMinusRow(op.running.rowSelected['jfgridRowData']);

  732.                             }

  733.                             if (res) {

  734.                                 op.rowdatas.splice((op.running.rowSelected['jfnum'].value - 1), 1);

  735.                                 flag = true;

  736.                                 op.onMinusRow && op.onMinusRow(op.running.rowSelected, op.rowdatas);

  737.                                 op.running.rowSelected = null;

  738.                             }

  739.                         }

  740.                     }

  741.                     if (flag) {

  742.                         _jfgrid.dataRender($self, op, op.rowdatas);

  743.                     }

  744. 

  745.                     if (op.running.rowdata.length == 0) {

  746.                         $self.find('#jfgrid_nodata_img_' + op.id).show();

  747.                     }

  748.                 });

  749.                 $toolbar.append($add);

  750.                 $toolbar.append($minus);

  751.                 $footer.append($toolbar);

  752.                 $toolbar = null;

  753.             }

  754.             $head = null;

  755.             $body = null;

  756.             $footer = null;

  757.         },

  758.         bind: function ($self, op) {

  759. 

  760.             // 点击事件

  761.             $self.on('click', function (e) {

  762.                 var $this = $(this);

  763.                 var op = $this[0].dfop;

  764.                 var et = e.target || e.srcElement;

  765.                 var $et = $(et);

  766. 

  767.                 if (!$et.hasClass('jfgrid-edit-cell') && $et.parents('.jfgrid-edit-cell').length == 0) {

  768.                     hideEditCell();

  769.                 }

  770. 

  771.                 if (op.running.isWidhChanging) {// 调整列表宽度

  772.                     //$.jfGrid.moveHeadWidth(dfop, false);

  773.                     dfop.isWidhChanging = false;

  774.                 }

  775.                 else if ($et.hasClass('jfgrid-head-cell') || $et.parents('.jfgrid-head-cell').length > 0) {// 排序

  776.                     if (!$et.hasClass('jfgrid-head-cell')) {

  777.                         $et = $et.parents('.jfgrid-head-cell');

  778.                     }

  779.                     _jfgrid.sortCol($this, $et, op);

  780.                 }

  781.                 else if ($et.attr('colname') == 'jfgrid_subGrid' || $et.parent().attr('colname') == 'jfgrid_subGrid') {// 展开或关闭子表单

  782.                     _jfgrid.expandSub($this, $et, op);

  783.                 }

  784.                 else if ($et.parent().hasClass('jfgrid-data-cell-expend')) {// 树形结构展开和关闭

  785.                     _jfgrid.expandTree($et, op);

  786.                 }

  787.                 else if ($et.hasClass('jfgrid-data-cell') || $et.parents('.jfgrid-data-cell').length > 0) {// 选中行

  788.                     _jfgrid.clickRow($this, $et, op);

  789.                     e.stopPropagation();

  790.                 }

  791.                 else if ($et.attr('id') == ('jfgrid_all_cb_' + op.id)) {// 全部勾选

  792.                     _jfgrid.checkAllRows($this, $et, op);

  793.                 }

  794.             });

  795.             // 双击事件

  796.             $self.on('dblclick', function (e) {

  797.                 var $this = $(this);

  798.                 var op = $this[0].dfop;

  799.                 var et = e.target || e.srcElement;

  800.                 var $et = $(et);

  801.                 if ($et.hasClass('jfgrid-data-cell') || $et.parents('.jfgrid-data-cell').length > 0) {// 选中行

  802.                     op.dblclick && op.dblclick(op.running.rowSelected['jfgridRowData']);

  803.                 }

  804.             });

  805. 

  806.             // 鼠标移过事件

  807.             $self.on('mouseover', function (e) {

  808.                 var $this = $(this);

  809.                 $this.find('.jfgrid-data-cell-over').removeClass('jfgrid-data-cell-over');

  810. 

  811.                 var et = e.target || e.srcElement;

  812.                 var $et = $(et);

  813.                 if ($et.hasClass('jfgrid-data-cell') || $et.parents('.jfgrid-data-cell').length > 0) {

  814.                     var rowid = $et.attr('rownum');

  815.                     if (!rowid) {

  816.                         rowid = $et.parents('.jfgrid-data-cell').attr('rownum');

  817.                     }

  818.                     $this.find('[rownum="' + rowid + '"]').addClass('jfgrid-data-cell-over');

  819.                 }

  820. 

  821.             });

  822.             // 监听表格大小变化

  823.             $self.resize(function () {

  824.                 var $this = $(this);

  825.                 var op = $this[0].dfop;

  826.                 setLastColWidth($this, op, true);

  827. 

  828.                 // 如果有子表格调整宽度

  829.                 var width = $this.find('#jfgrid_body_' + op.id).width();

  830.                 $this.find('.jfgrid-sub').css({ 'width': width });

  831.             });

  832.             // 调整列宽

  833.             $self.delegate('.jfgrid-heed-move', 'mousedown', { op: op }, function (e) {

  834.                 $jfgridmove.show();

  835.                 var op = e.data.op;

  836.                 op.running.moveing = true;

  837.                 op.running.xMousedown = e.pageX;

  838.                 var $moveline = $('#jfgrid_move_line_' + op.id);

  839.                 var path = parseInt($(this).parent().attr('path'));

  840.                 var col = op.running.headData[path];

  841. 

  842.                 op.running.moveCol = col;

  843.                 op.running.moveWidth = col._width || col.width;

  844.                 op.running.moveLineLeft = col.left + op.running.moveWidth + op.running.leftWidth;

  845.                 if (col.frozen) {

  846.                     op.running.moveLineLeft = op.running.moveLineLeft - op.running.frozenleft;

  847.                 }

  848.                 $moveline.css({ 'left': op.running.moveLineLeft }).show();

  849.             });

  850.             top.$(document).on('mousemove', { $obj: $self }, function (e) {

  851.                 var op = e.data.$obj[0].dfop;

  852.                 var x = e.pageX;

  853.                 if (op.running.moveing) {

  854.                     var $moveline = e.data.$obj.find('#jfgrid_move_line_' + op.id);

  855.                     var width = op.running.moveWidth + (x - op.running.xMousedown);

  856.                     width = (width < 40 ? 40 : width);

  857.                     var left = op.running.moveLineLeft + (width - op.running.moveWidth);

  858. 

  859.                     $moveline.css({ 'left': left });

  860.                 }

  861.             }).on('mouseup', { $obj: $self }, function (e) {

  862.                 var op = e.data.$obj[0].dfop;

  863.                 if (op.running.moveing) {

  864.                     op.running.moveing = false;

  865.                     var x = e.pageX;

  866. 

  867.                     if (op.running.moveCol) {

  868.                         var width = op.running.moveWidth + (x - op.running.xMousedown);

  869.                         width = (width < 40 ? 40 : width);

  870.                         var _width = width - op.running.moveWidth;

  871.                         if (_width != 0) {

  872.                             setColWidthByMove(op.running.moveCol, _width);

  873.                             if (op.running.moveCol.frozen) {

  874.                                 op.running.frozenleft += _width;

  875.                                 op.running.leftWidth += _width;

  876. 

  877.                                 e.data.$obj.find('#jfgrid_head_' + op.id).css({ 'padding-left': op.running.leftWidth });

  878.                                 e.data.$obj.find('#jfgrid_border_' + op.id).css({ 'width': op.running.leftWidth });

  879.                                 e.data.$obj.find('#jfgrid_head_col_' + op.id).css({ 'left': op.running.leftWidth });

  880.                                 e.data.$obj.find('#jfgrid_body_' + op.id + '>.lr-scroll-box').css({ 'padding-left': op.running.leftWidth });

  881.                                 e.data.$obj.find('#jfgrid_left_' + op.id).css({ 'width': op.running.leftWidth });

  882.                                 e.data.$obj.find('#jfgrid_left_' + op.id + '>[colname="' + op.running.moveCol.data.name + '"]').css({ 'width': op.running.moveCol.width });

  883. 

  884.                                 if (op.running.isStatistic) {

  885.                                     e.data.$obj.find('#jfgrid_statistic_' + op.id).css({ 'padding-left': op.running.leftWidth });

  886.                                     e.data.$obj.find('#jfgrid_statistic_' + op.id + '>.jfgrid-statistic-left').css({ 'width': op.running.leftWidth });

  887.                                     e.data.$obj.find('#jfgrid_statistic_' + op.id + ' [name="' + op.running.moveCol.data.name + '"]').css({ 'width': op.running.moveCol.width });

  888.                                 }

  889.                             }

  890.                             else {

  891.                                 op.running.headWidth += _width;

  892.                                 op.running.left += _width;

  893. 

  894.                                 e.data.$obj.find('#jfgrid_head_col_' + op.id).css({ 'width': op.running.headWidth });

  895.                                 e.data.$obj.find('#jfgrid_right_' + op.id).css({ 'width': op.running.headWidth });

  896.                                 e.data.$obj.find('#jfgrid_right_' + op.id + '>[colname="' + op.running.moveCol.data.name + '"]').css({ 'width': op.running.moveCol.width });

  897. 

  898. 

  899.                                 if (op.running.isStatistic) {

  900.                                     e.data.$obj.find('#jfgrid_statistic_' + op.id + '>.jfgrid-statistic-right').css({ 'width': op.running.headWidth });

  901.                                     e.data.$obj.find('#jfgrid_statistic_' + op.id + ' [name="' + op.running.moveCol.data.name + '"]').css({ 'width': op.running.moveCol.width });

  902.                                 }

  903. 

  904.                             }

  905. 

  906.                             var path = parseInt(op.running.moveCol.$cell.attr('path'));

  907. 

  908.                             for (var i = path + 1, l = op.running.headData.length; i < l; i++) {

  909.                                 var col = op.running.headData[i];

  910.                                 if (col.frozen && op.running.moveCol.frozen) {

  911.                                     col.left += _width;

  912.                                     col.$cell.css({ 'left': col.left + op.running.leftWidth - op.running.frozenleft });

  913.                                     e.data.$obj.find('#jfgrid_left_' + op.id + '>[colname="' + col.data.name + '"]').css({ 'left': col.left + op.running.leftWidth - op.running.frozenleft });

  914. 

  915. 

  916.                                     if (op.running.isStatistic) {

  917.                                         e.data.$obj.find('#jfgrid_statistic_' + op.id + ' [name="' + col.data.name + '"]').css({ 'left': col.left + op.running.leftWidth - op.running.frozenleft });

  918.                                     }

  919.                                 }

  920.                                 else if (!col.frozen && !op.running.moveCol.frozen) {

  921.                                     col.left += _width;

  922.                                     col.$cell.css({ 'left': col.left });

  923.                                     e.data.$obj.find('#jfgrid_right_' + op.id + '>[colname="' + col.data.name + '"]').css({ 'left': col.left });

  924.                                     if (op.running.isStatistic) {

  925.                                         e.data.$obj.find('#jfgrid_statistic_' + op.id + ' [name="' + col.data.name + '"]').css({ 'left': col.left });

  926.                                     }

  927.                                 }

  928.                             }

  929.                             setLastColWidth(e.data.$obj, op, true);

  930.                         }

  931.                         op.running.moveCol = null;

  932.                     }

  933. 

  934. 

  935.                     $jfgridmove.hide();

  936.                     var $moveline = e.data.$obj.find('#jfgrid_move_line_' + op.id);

  937.                     $moveline.hide();

  938. 

  939. 

  940.                 }

  941.             });

  942.         },

  943.         head: function ($self, op) {

  944.             op.running.MaxDeep = 0;

  945. 

  946.             op.running.headWidth = 0;

  947.             op.running.headHeight = 0;

  948. 

  949.             op.running.leftWidth = 0;

  950. 

  951.             op.running.left = 0;

  952.             op.running.frozenleft = 0;

  953. 

  954.             op.running.cols = [];

  955.             op.running.frozenCols = [];

  956.             op.running.mergeCols || [];

  957.             op.running.headData = [];

  958. 

  959.             // 列表表头数据初始化

  960.             headDataInit(op.headData, false, op.running.headData, op.running.cols, op.running.frozenCols, op.running);

  961. 

  962.             // 判断是否有需要统计

  963.             if (op.running.isStatistic) {

  964. 

  965.                 op.running.statisticData = {};

  966. 

  967.                 // 判断是否加载了底部条

  968.                 $self.find('#jfgrid_footer_' + op.id).append('<div class="jfgrid-statistic" id="jfgrid_statistic_' + op.id + '"><div class="jfgrid-statistic-left"></div><div class="jfgrid-statistic-right" ></div></div>');

  969.                 if (op.isPage) {

  970.                     $self.find('#jfgrid_footer_' + op.id).css({ 'height': 64, 'padding-top': '29px' });

  971.                     $self.css({ 'padding-bottom': '64px' });

  972.                 }

  973.                 else {

  974.                     $self.find('#jfgrid_footer_' + op.id).css({ 'height': 29 });

  975.                     $self.css({ 'padding-bottom': '29px' });

  976.                 }

  977.                 $self.find('#jfgrid_toolbar_' + op.id).css({ 'width': '50px' });

  978.             } else if (op.isEdit) {

  979.                 $self.find('#jfgrid_toolbar_' + op.id).css({ 'width': '100%' });

  980.             }

  981. 

  982.             op.running.headHeight = op.running.MaxDeep * 28 + 28;

  983.             op.running.headWidth = op.running.left;

  984. 

  985.             var $border = $self.find('#jfgrid_border_' + op.id);

  986.             var $headcol = $self.find('#jfgrid_head_col_' + op.id);

  987. 

  988.             // 判断是否有序号列

  989.             if (op.isShowNum) {

  990.                 $border.append('<div class="jfgrid-border-cell jfgrid-border-num"></div>');

  991.                 op.running.leftWidth += 30;

  992.             }

  993.             // 判断是否允许多选

  994.             if (op.isMultiselect) {

  995.                 var $cb = $('<div class="jfgrid-border-cell jfgrid-border-cb"><img  id="jfgrid_all_cb_' + op.id + '" src="' + imageurl + cb[0] + '" /></div>')

  996.                     .css({ 'left': op.running.leftWidth, 'line-height': (op.running.headHeight - 1) + 'px' });

  997.                 $border.append($cb);

  998.                 op.running.leftWidth += 30;

  999.             }

  1000.             // 是否有展开

  1001.             if (op.isSubGrid) {

  1002.                 var $sub = $('<div class="jfgrid-border-cell jfgrid-border-sub"></div>').css('left', op.running.leftWidth);

  1003.                 $border.append($sub);

  1004.                 op.running.leftWidth += 30;

  1005.             }

  1006.             op.running.leftWidth += op.running.frozenleft;

  1007.             $self.css({ 'padding-top': op.running.headHeight });

  1008.             $self.find('#jfgrid_head_' + op.id).css({ 'padding-top': op.running.headHeight });

  1009.             $border.css({ 'width': op.running.leftWidth, 'height': op.running.headHeight });

  1010.             $headcol.css({ 'width': op.running.headWidth, 'height': op.running.headHeight, 'left': op.running.leftWidth });

  1011. 

  1012.             $self.find('#jfgrid_body_' + op.id + '>.lr-scroll-box').css({ 'padding-left': op.running.leftWidth });

  1013.             $self.find('#jfgrid_left_' + op.id).css({ 'width': op.running.leftWidth });

  1014. 

  1015.             // 设置最后一列的宽度

  1016.             setLastColWidth($self, op, false);

  1017. 

  1018.             if (op.running.isStatistic) {// 添加统计条单元格

  1019.                 $self.find('#jfgrid_statistic_' + op.id).css({ 'padding-left': op.running.leftWidth });

  1020.                 $self.find('#jfgrid_statistic_' + op.id + '>.jfgrid-statistic-left').css({ 'width': op.running.leftWidth });

  1021.             }

  1022. 

  1023.             var _left = 0;

  1024. 

  1025.             var $sLast = null;// 用来填写合计条的 

  1026.             var _sLastFlag = true;

  1027.             $.each(op.running.headData, function (_index, _item) {

  1028.                 if (_item.last) {

  1029.                     _item.height = _item.height + (op.running.MaxDeep - _item.deep) * 28;

  1030.                 }

  1031.                 _item.data.height = _item.height;

  1032.                 _item.$cell = $('<div class="jfgrid-head-cell" path="' + _index + '"  ><span>' + (_item.data.label || "") + '</span></div>')

  1033.                     .css({ 'top': _item.top, 'left': _item.left, 'width': (_item._width || _item.width), 'height': _item.height, 'line-height': (_item.height - 1) + 'px', 'text-align': (_item.data.align || 'left') });

  1034. 

  1035. 

  1036.                 // 翻译

  1037.                 learun.language.get((_item.data.label || ""), function (text) {

  1038.                     _item.data.label = text;

  1039.                     _item.$cell.find('span').text(text);

  1040.                 });

  1041.                 if (_item.last) {

  1042.                     _item.$cell.append('<div class="jfgrid-heed-sort"><i class="fa fa-caret-up"></i><i class="fa fa-caret-down"></i></div>');

  1043.                     _item.$cell.append('<div class="jfgrid-heed-move"></div>');

  1044. 

  1045.                     // 如果是编辑单元格需要初始化

  1046.                     if (_item.data.edit) {

  1047.                         initEditCell($self, op, _item);

  1048.                     }

  1049. 

  1050.                     if (!_item.frozen) {

  1051.                         _left += (_item._width || _item.width);

  1052.                     }

  1053. 

  1054.                     if (op.running.isStatistic) {// 添加统计条单元格

  1055.                         if (_item.data.statistics && _sLastFlag && $sLast != null) {

  1056.                             $sLast.attr('isText', '1');

  1057.                             $sLast.css({ 'text-align': 'right' });

  1058.                             $sLast.text('合计：');

  1059.                             _sLastFlag = false;

  1060.                         }

  1061.                         $sLast = $('<div class="jfGird-statistic-cell"  name="' + _item.data.name + '" ></div>').css({ 'width': (_item._width || _item.width), 'text-align': (_item.data.align || 'left'), 'left': _item.left });

  1062. 

  1063.                         if (_item.frozen) {

  1064.                             $sLast.css({ 'left': (_item.left + op.running.leftWidth - op.running.frozenleft) });

  1065.                             $self.find('#jfgrid_statistic_' + op.id + '>.jfgrid-statistic-left').append($sLast);

  1066.                         }

  1067.                         else {

  1068.                             $self.find('#jfgrid_statistic_' + op.id + '>.jfgrid-statistic-right').append($sLast);

  1069.                         }

  1070. 

  1071.                     }

  1072. 

  1073.                 }

  1074. 

  1075.                 if (_item.frozen) {

  1076.                     _item.$cell.css({ 'left': (_item.left + op.running.leftWidth - op.running.frozenleft) });

  1077.                     $border.append(_item.$cell);

  1078.                 }

  1079.                 else {

  1080.                     $headcol.append(_item.$cell);

  1081.                 }

  1082. 

  1083.             });

  1084. 

  1085.             $self.find('#jfgrid_right_' + op.id).parent().css({ 'width': op.running.leftWidth + _left - 1 });

  1086.             $self.find('#jfgrid_right_' + op.id).css({ 'width': _left - 1 });

  1087. 

  1088.             if (op.running.isStatistic) {// 添加统计条单元格\

  1089.                 $self.find('#jfgrid_statistic_' + op.id + '>.jfgrid-statistic-right').css({ 'width': _left - 1 });

  1090.             }

  1091.         },

  1092. 

  1093.         // 渲染行数据

  1094.         dataRender: function ($self, op, data, bindex) {

  1095.             bindex = bindex || 0;

  1096.             op.running.rowdata = [];

  1097.             op.running.statisticData = {};

  1098.             $self.find('#jfgrid_left_' + op.id).find('.jfgrid-data-cell').remove();

  1099.             $self.find('#jfgrid_right_' + op.id).find('.jfgrid-data-cell').remove();

  1100.             hideEditCell();

  1101.             var isAllCheck = 3;

  1102.             if (op.isTree) {

  1103.                 var treeList = _jfgrid.listTotree(data, op);

  1104.                 if (treeList.length > 0) {

  1105.                     _treeRender(treeList, 1);

  1106.                 }

  1107.                 else {

  1108. 

  1109.                 }

  1110.                 function _treeRender(_data, deep) {

  1111.                     $.each(_data, function (_index, _item) {

  1112.                         _jfgrid.rowRender($self, op, _item, bindex, deep);

  1113.                         if (_item.childRows.length > 0) {

  1114.                             _treeRender(_item.childRows, deep + 1);

  1115.                         }

  1116.                     });

  1117.                 };

  1118.             }

  1119.             else {

  1120.                 $.each(data, function (_index, _item) {

  1121.                     _jfgrid.rowRender($self, op, _item, bindex);

  1122.                     if (op.multiselectfield && _item[op.multiselectfield] == 1) {

  1123.                         if (isAllCheck == 0) {

  1124.                             isAllCheck = 2;

  1125.                         }

  1126.                         else if (isAllCheck == 3) {

  1127.                             isAllCheck = 1;

  1128.                         }

  1129.                     }

  1130.                     else if (op.multiselectfield && _item[op.multiselectfield] == 0) {

  1131.                         if (isAllCheck == 1) {

  1132.                             isAllCheck = 2;

  1133.                         }

  1134.                         else if (isAllCheck == 3) {

  1135.                             isAllCheck = 0;

  1136.                         }

  1137.                     }

  1138.                 });

  1139. 

  1140.                 if (op.isPage) { // 如果是分页，刷新一下分页显示条

  1141.                     var $pagebar = $('#jfgrid_page_bar_' + op.id);

  1142.                     var $pagebarBtn = $pagebar.find('#jfgrid_page_bar_num_' + op.id);

  1143.                     var $pagebarBtns = $pagebar.find('#jfgrid_page_bar_nums_' + op.id);

  1144. 

  1145.                     var pagebarLabel = '';

  1146.                     var btnlist = "";

  1147.                     if (op.rowdatas.length == 0) {

  1148.                         pagebarLabel = '无显示数据';

  1149.                     }

  1150.                     else {

  1151.                         var pageparam = op.running.pageparam;

  1152.                         var beginnum = (pageparam.page - 1) * pageparam.rows + 1;

  1153.                         var endnum = beginnum + op.rowdatas.length - 1;

  1154.                         pagebarLabel = '显示第 ' + beginnum + ' - ' + endnum + ' 条记录  <span>|</span> 检索到 ' + pageparam.records + ' 条记录';

  1155. 

  1156.                         if (pageparam.total > 1) {

  1157.                             var bpage = pageparam.page - 6;

  1158.                             bpage = bpage < 0 ? 0 : bpage;

  1159.                             var epage = bpage + 10;

  1160.                             if (epage > pageparam.total) {

  1161.                                 epage = pageparam.total;

  1162.                             }

  1163.                             if ((epage - bpage) < 10) {

  1164.                                 bpage = epage - 10;

  1165.                             }

  1166.                             bpage = bpage < 0 ? 0 : bpage;

  1167. 

  1168.                             for (var i = bpage; i < epage; i++) {

  1169.                                 btnlist += '<li><a href="javascript:void(0);" class=" pagebtn ' + ((i + 1) == pageparam.page ? 'active' : '') + '" >' + (i + 1) + '</a></li>';

  1170.                             }

  1171. 

  1172.                             $pagebarBtns.find('span').text('共' + pageparam.total + '页,到');

  1173. 

  1174.                             $pagebarBtns.show();

  1175.                         }

  1176.                         else {

  1177.                             $pagebarBtns.hide();

  1178.                         }

  1179.                     }

  1180.                     $pagebarBtn.html(btnlist);

  1181.                     $pagebar.find('.jfgrid-page-bar-info').html(pagebarLabel);

  1182. 

  1183.                 }

  1184.             }

  1185.             if (op.isMultiselect) {

  1186.                 if (isAllCheck == 2 || isAllCheck == 1) {

  1187.                     $self.find('#jfgrid_all_cb_' + op.id).attr('src', imageurl + cb[isAllCheck]);

  1188.                 }

  1189.                 else {

  1190.                     $self.find('#jfgrid_all_cb_' + op.id).attr('src', imageurl + cb[0]);

  1191.                 }

  1192.             }

  1193. 

  1194.             if (op.running.rowdata.length > 0) {

  1195.                 $self.find('#jfgrid_nodata_img_' + op.id).hide();

  1196.             }

  1197.             else {

  1198.                 $self.find('#jfgrid_nodata_img_' + op.id).show();

  1199.             }

  1200.         },

  1201.         rowRender: function ($self, op, _item, bindex, deep) {

  1202. 

  1203. 

  1204.             var lastCell = null;

  1205. 

  1206.             var rowdata = op.running.rowdata;

  1207.             bindex = bindex || 0;

  1208. 

  1209.             var $left = $self.find('#jfgrid_left_' + op.id);

  1210.             var $right = $self.find('#jfgrid_right_' + op.id);

  1211. 

  1212.             var _index = rowdata.length;

  1213.             var _top = _index * op.rowHeight;

  1214.             var _left = 0;

  1215.             var row = {};

  1216. 

  1217.             var $expendcell = null;

  1218.             if (op.isTree) {

  1219.                 row['jfgridRowData'] = _item.data;

  1220.                 row.childRows = _item.childRows;

  1221.                 row.jfdeep = deep;

  1222.                 _item = _item.data;

  1223.                 $expendcell = $('<div class="jfgrid-data-cell-expend" style="width:' + (deep * 16) + 'px;" ></div>');

  1224.                 if (row.childRows.length > 0) {

  1225.                     $expendcell.append('<i class="fa fa-caret-down jfgrid-data-cell-expendi"></i>');

  1226.                 }

  1227.                 op.rowdatas[_index] = _item;

  1228. 

  1229.             } else {

  1230.                 row['jfgridRowData'] = _item;

  1231.             }

  1232. 

  1233.             // 序号

  1234.             row['jfnum'] = {

  1235.                 top: _top,

  1236.                 left: _left,

  1237.                 value: _index + 1,

  1238.                 text: _index + bindex * (op.isPage ? op.running.pageparam.rows : 1) + 1

  1239.             };

  1240.             if (op.isShowNum) {

  1241.                 row['jfnum'].$cell = $('<div class="jfgrid-data-cell" rowindex="' + _index + '" rownum="' + op.id + '_' + _index + '" colname="jfgrid_num"  >' + (_index + bindex * (op.isPage ? op.running.pageparam.rows : 1) + 1) + '</div>');

  1242.                 row['jfnum'].$cell.css({ 'top': row['jfnum'].top, 'left': row['jfnum'].left, 'text-align': 'center', 'height': op.rowHeight, 'line-height': (op.rowHeight - 1) + 'px' });

  1243.                 $left.append(row['jfnum'].$cell);

  1244.                 _left += 30;

  1245.             }

  1246.             // 是否多选

  1247.             if (op.isMultiselect) {

  1248.                 var _colname = op.multiselectfield || 'jfcheck';

  1249.                 row['jfcheck'] = {

  1250.                     top: _top,

  1251.                     left: _left,

  1252.                     value: _item[_colname] || 0,

  1253.                     $cell: $('<div class="jfgrid-data-cell" rowindex="' + _index + '" rownum="' + op.id + '_' + _index + '" colname="jfgrid_check"  ><img src="' + imageurl + cb[0] + '" /></div>')

  1254.                 };

  1255.                 if (row['jfcheck'].value + '' == '1') {

  1256.                     row['jfcheck'].$cell.find('img').attr('src', imageurl + cb[1]);

  1257.                 }

  1258. 

  1259.                 row['jfcheck'].$cell.css({ 'top': row['jfcheck'].top, 'left': row['jfcheck'].left, 'text-align': 'center', 'height': op.rowHeight, 'line-height': (op.rowHeight - 1) + 'px' });

  1260.                 $left.append(row['jfcheck'].$cell);

  1261.                 _left += 30;

  1262.             }

  1263.             // 是否有子表选项

  1264.             if (op.isSubGrid) {

  1265.                 row['jfsubGrid'] = {

  1266.                     top: _top,

  1267.                     left: _left,

  1268.                     value: false,

  1269.                     $cell: $('<div class="jfgrid-data-cell"  rowindex="' + _index + '"  rownum="' + op.id + '_' + _index + '" colname="jfgrid_subGrid"  ><i class="fa fa-plus" ></i></div>')

  1270.                 };

  1271.                 row['jfsubGrid'].$cell.css({ 'top': row['jfsubGrid'].top, 'left': row['jfsubGrid'].left, 'text-align': 'center', 'height': op.rowHeight, 'line-height': (op.rowHeight - 1) + 'px' });

  1272.                 $left.append(row['jfsubGrid'].$cell);

  1273.                 _left += 30;

  1274.             }

  1275. 

  1276.             // 加载固定列数据

  1277.             $.each(op.running.frozenCols, function (_id, col) {

  1278.                 //colData[col.name] = colData[col.name] || {};

  1279.                 var value = _item[col.data.name];

  1280.                 var _width = (col.data._width || col.data.width);

  1281.                 row[col.data.name] = {

  1282.                     top: _top,

  1283.                     left: _left,

  1284.                     value: value,

  1285.                     $cell: $('<div class="jfgrid-data-cell" rowindex="' + _index + '" rownum="' + op.id + '_' + _index + '" colname="' + col.data.name + '"  ></div>')

  1286.                 };

  1287.                 formatterCell(value, col.data, _item, row[col.data.name], op);

  1288.                 row[col.data.name].$cell.css({ 'top': row[col.data.name].top, 'left': row[col.data.name].left, 'text-align': col.data.align, 'width': _width, 'height': op.rowHeight, 'line-height': (op.rowHeight - 1) + 'px' });

  1289.                 $left.append(row[col.data.name].$cell);

  1290.                 _left += _width;

  1291. 

  1292.                 if ($expendcell != null && _id == 0) {

  1293.                     row[col.data.name].$cell.prepend($expendcell);

  1294.                 }

  1295. 

  1296.                 lastCell = row[col.data.name];

  1297.             });

  1298.             _left = 0;

  1299.             // 加载滚动区域列数据

  1300.             $.each(op.running.cols, function (_id, col) {

  1301.                 var value = _item[col.data.name];

  1302.                 var _width = (col._width || col.width);

  1303.                 row[col.data.name] = {

  1304.                     top: _top,

  1305.                     left: _left,

  1306.                     value: value,

  1307.                     $cell: $('<div class="jfgrid-data-cell" rowindex="' + _index + '" rownum="' + op.id + '_' + _index + '" colname="' + col.data.name + '"  ></div>')

  1308.                 };

  1309.                 formatterCell(value, col.data, _item, row[col.data.name], op);

  1310.                 row[col.data.name].$cell.css({ 'top': row[col.data.name].top, 'left': row[col.data.name].left, 'text-align': col.data.align, 'width': _width, 'height': op.rowHeight, 'line-height': (op.rowHeight - 1) + 'px' });

  1311.                 $right.append(row[col.data.name].$cell);

  1312.                 _left += _width;

  1313. 

  1314.                 if ($expendcell != null && _id == 0 && op.running.frozenCols.length == 0) {

  1315.                     row[col.data.name].$cell.prepend($expendcell);

  1316.                 }

  1317. 

  1318.                 lastCell = row[col.data.name];

  1319.             });

  1320. 

  1321.             rowdata.push(row);

  1322. 

  1323.             $right.css({ 'height': _top + op.rowHeight - 1 });

  1324. 

  1325.             if (op.isAutoHeight) {

  1326.                 var _ptop = $self.css('padding-top');

  1327.                 var _pbottom = $self.css('padding-bottom');

  1328.                 $self.css({ 'height': _top + op.rowHeight + parseInt(_ptop) + parseInt(_pbottom) + 1 });

  1329.             }

  1330.             if (op.running.rowSelected && lastCell) {

  1331.                 if (op.running.rowSelected.jfgridRowData[op.mainId]) {

  1332.                     op.running.rowSelected.jfgridRowData[op.mainId] == row.jfgridRowData[op.mainId] && (lastCell.$cell.trigger('click'));

  1333.                 }

  1334.                 else {

  1335.                     op.running.rowSelected['jfnum'].value == row['jfnum'].value && (lastCell.$cell.trigger('click'));

  1336.                 }

  1337.             }

  1338.         },

  1339.         updateRow: function (row, op) {

  1340.             var map = {};

  1341.             $.each(op.running.headData, function (i, col) {

  1342.                 map[col.data.name] = col.data;

  1343.             });

  1344.             $.each(row, function (id, _item) {

  1345.                 if (id != 'jfnum' && id != 'jfcheck' && id != 'jfsubGrid' && id != 'jfgridRowData') {

  1346.                     if (_item.value != row['jfgridRowData'][id]) {

  1347.                         _item.value = row['jfgridRowData'][id] || '';

  1348.                         formatterCell(_item.value, map[id], row['jfgridRowData'], _item, op);

  1349.                     }

  1350.                 }

  1351.             });

  1352.         },

  1353.         // 后台数据加载 

  1354.         reload: function ($self, op) {

  1355.             op.rowdatas = [];

  1356.             if (op.isPage) {

  1357.                 learun.loading(true, '正在获取数据');

  1358.                 op.running.pageparam = op.running.pageparam || {

  1359.                     rows: 100,                // 每页行数      

  1360.                     page: 1,                  // 当前页

  1361.                     sidx: '',                 // 排序列

  1362.                     sord: '',                 // 排序类型

  1363.                     records: 0,               // 总记录数

  1364.                     total: 0                  // 总页数

  1365.                 };

  1366. 

  1367.                 op.running.pageparam.rows = op.rows;

  1368.                 op.running.pageparam.sidx = op.sidx;

  1369.                 op.running.pageparam.sord = op.sord;

  1370.                 op.running.pageparam.page = op.running.pageparam.page || 1;

  1371.                 op.running.pageparam.records = 0;

  1372.                 op.running.pageparam.total = 0;

  1373.                 op.param['pagination'] = JSON.stringify(op.running.pageparam);

  1374. 

  1375.                 learun.httpAsync('GET', op.url, op.param, function (data) {

  1376.                     learun.loading(false);

  1377.                     if (data) {

  1378.                         op.rowdatas = data.rows;

  1379.                         op.running.pageparam.page = data.page;

  1380.                         op.running.pageparam.records = data.records;

  1381.                         op.running.pageparam.total = data.total;

  1382. 

  1383.                     }

  1384.                     else {

  1385.                         op.rowdatas = [];

  1386.                         op.running.pageparam.page = 1;

  1387.                         op.running.pageparam.records = 0;

  1388.                         op.running.pageparam.total = 0;

  1389.                     }

  1390.                     _jfgrid.dataRender($self, op, op.rowdatas, (op.running.pageparam.page - 1));

  1391.                     op.onRenderComplete && op.onRenderComplete(op.rowdatas);

  1392.                 });

  1393.             } else {

  1394.                 learun.loading(true, '正在获取数据');

  1395.                 learun.httpAsync('GET', op.url, op.param, function (data) {

  1396.                     learun.loading(false);

  1397.                     op.rowdatas = data || [];

  1398.                     _jfgrid.dataRender($self, op, op.rowdatas, 0);

  1399.                     op.onRenderComplete && op.onRenderComplete(op.rowdatas);

  1400.                 });

  1401.             }

  1402.             //liang解决刷新后选择的行不能清除的问题

  1403.             op.running.rowSelected = undefined;

  1404.         },

  1405.         // 数据转换

  1406.         listTotree: function (data, op) {

  1407.             // 只适合小数据计算

  1408.             var resdata = [];

  1409.             var mapdata = {};

  1410.             var mIds = {};

  1411.             var pIds = {};

  1412.             data = data || [];

  1413.             for (var i = 0, l = data.length; i < l; i++) {

  1414.                 var item = data[i];

  1415.                 mIds[item[op.mainId]] = 1;

  1416.                 mapdata[item[op.parentId]] = mapdata[item[op.parentId]] || [];

  1417.                 mapdata[item[op.parentId]].push(item);

  1418.                 if (mIds[item[op.parentId]] == 1) {

  1419.                     delete pIds[item[op.parentId]];

  1420.                 }

  1421.                 else {

  1422.                     pIds[item[op.parentId]] = 1;

  1423.                 }

  1424.                 if (pIds[item[op.mainId]] == 1) {

  1425.                     delete pIds[item[op.mainId]];

  1426.                 }

  1427.             }

  1428.             for (var id in pIds) {

  1429.                 _fn(resdata, id);

  1430.             }

  1431.             function _fn(_data, vparentId) {

  1432.                 var pdata = mapdata[vparentId] || [];

  1433.                 for (var j = 0, l = pdata.length; j < l; j++) {

  1434.                     var _row = {

  1435.                         data: pdata[j],

  1436.                         childRows: []

  1437.                     }

  1438.                     _fn(_row.childRows, pdata[j][op.mainId]);

  1439.                     _data.push(_row);

  1440.                 }

  1441.             }

  1442.             return resdata;

  1443.         },

  1444.         // 树形展开或关闭

  1445.         expandTree: function ($et, op) {

  1446.             var _h = 0;

  1447.             var flag = false;

  1448.             // 获取当前数据所在行

  1449.             var rownum = $et.parents('.jfgrid-data-cell').attr('rownum');

  1450.             var rowIndex = parseInt(rownum.replace(op.id + '_', ''));

  1451.             var rowItem = op.running.rowdata[rowIndex];

  1452. 

  1453.             if ($et.hasClass('fa-caret-down')) {// 关闭s

  1454.                 rowItem.lrClosedRows = {};

  1455.                 for (var i = rowIndex + 1, l = op.running.rowdata.length; i < l; i++) {

  1456.                     var _row = op.running.rowdata[i];

  1457.                     if (_row.jfdeep > rowItem.jfdeep && !flag) {

  1458.                         if (!$('[rownum="' + op.id + '_' + i + '"]').is(':hidden')) {

  1459.                             _h += op.rowHeight;

  1460.                             $('[rownum="' + op.id + '_' + i + '"]').hide();

  1461. 

  1462. 

  1463.                             rowItem.lrClosedRows[i] = '1';

  1464.                         }

  1465.                     }

  1466.                     else {

  1467.                         flag = true;

  1468.                         var top = parseInt($('[rownum="' + op.id + '_' + i + '"]').eq(0).css('top').replace('px', '')) - _h;

  1469.                         $('[rownum="' + op.id + '_' + i + '"]').css({ top: top });

  1470.                     }

  1471.                 }

  1472. 

  1473.                 $et.removeClass('fa-caret-down');

  1474.                 $et.addClass('fa-caret-right');

  1475.             }

  1476.             else {// 展开

  1477.                 for (var i = rowIndex + 1, l = op.running.rowdata.length; i < l; i++) {

  1478.                     var _row = op.running.rowdata[i];

  1479.                     if (_row.jfdeep > rowItem.jfdeep && !flag) {

  1480.                         if (rowItem.lrClosedRows[i]) {

  1481.                             _h += op.rowHeight;

  1482.                             $('[rownum="' + op.id + '_' + i + '"]').show();

  1483.                         }

  1484.                     }

  1485.                     else {

  1486.                         flag = true;

  1487.                         var top = parseInt($('[rownum="' + op.id + '_' + i + '"]').eq(0).css('top').replace('px', '')) + _h;

  1488.                         $('[rownum="' + op.id + '_' + i + '"]').css({ top: top });

  1489.                     }

  1490.                 }

  1491.                 $et.removeClass('fa-caret-right');

  1492.                 $et.addClass('fa-caret-down');

  1493.             }

  1494.             $('#jfgrid_left_' + op.id + ' .jfgrid-selected,#jfgrid_right_' + op.id + ' .jfgrid-selected').removeClass('jfgrid-selected');

  1495.             op.running.rowSelected = null;

  1496.         },

  1497.         // 排序

  1498.         sortCol: function ($self, $et, op) {

  1499.             var path = $et.attr('path');

  1500.             var head = op.running.headData[path];

  1501.             if (head.last && !head.data.sort && op.isPage) {

  1502.                 var isup = true;

  1503. 

  1504.                 if (op.running.sorthead) {

  1505.                     op.running.sorthead.$cell.find('.jfgrid-heed-sort').hide();

  1506.                     if (head == op.running.sorthead) {

  1507. 

  1508.                         var $i = head.$cell.find('.jfgrid-heed-sort .active');

  1509.                         $i.removeClass('active');

  1510.                         if ($i.hasClass('fa-caret-up')) {

  1511.                             head.$cell.find('.jfgrid-heed-sort .fa-caret-down').addClass('active');

  1512.                             isup = false;

  1513.                         }

  1514.                         else {

  1515.                             head.$cell.find('.jfgrid-heed-sort .fa-caret-up').addClass('active');

  1516.                             isup = true;

  1517.                         }

  1518.                         head.$cell.find('.jfgrid-heed-sort').show();

  1519.                     }

  1520.                     else {

  1521.                         head.$cell.find('.jfgrid-heed-sort .active').removeClass('active');

  1522.                         head.$cell.find('.jfgrid-heed-sort .fa-caret-up').addClass('active');

  1523.                         head.$cell.find('.jfgrid-heed-sort').show();

  1524.                         isup = true;

  1525.                     }

  1526.                 }

  1527.                 else {

  1528.                     head.$cell.find('.jfgrid-heed-sort .active').removeClass('active');

  1529.                     head.$cell.find('.jfgrid-heed-sort .fa-caret-up').addClass('active');

  1530.                     head.$cell.find('.jfgrid-heed-sort').show();

  1531. 

  1532.                     isup = true;

  1533.                 }

  1534.                 op.running.sorthead = head;

  1535.                 if (op.isPage) {

  1536.                     // 调用后台接口

  1537.                     op.sidx = head.data.name;

  1538.                     op.sord = isup ? 'ASC' : 'DESC';

  1539. 

  1540.                     _jfgrid.reload($self, op);

  1541. 

  1542.                 }

  1543.                 else {

  1544.                     // js排序

  1545. 

  1546.                 }

  1547.             }

  1548.         },

  1549.         // 单击行

  1550.         clickRow: function ($self, $et, op) {

  1551.             var $cell = $et;

  1552.             var rownum = $et.attr('rownum');

  1553.             if (!rownum) {

  1554.                 $cell = $et.parents('.jfgrid-data-cell');

  1555.                 rownum = $cell.attr('rownum');

  1556.             }

  1557.             var rowIndex = parseInt(rownum.replace(op.id + '_', ''));

  1558.             // 获取当前行数据

  1559.             var rowItem = op.running.rowdata[rowIndex];

  1560.             var rowData = rowItem['jfgridRowData'];

  1561. 

  1562.             // 判断当前单元格是否是可编辑

  1563.             var colname = $cell.attr('colname');

  1564.             var isEdit = false;

  1565.             $.each(op.running.headData, function (i, col) {

  1566.                 if (col.data.name == colname) {

  1567.                     if (col.data.edit && col.data.edit.type != 'layer') {

  1568.                         isEdit = true;

  1569.                         var _top = $cell.css('top');

  1570.                         var _left = $cell.css('left');

  1571.                         var _width = $cell.css('width');

  1572.                         col.$edit.css({ 'top': _top, 'left': _left, 'width': _width, 'height': op.rowHeight }).show();

  1573. 

  1574.                         var $edit = col.$edit.find('#jfgrid_edit_' + op.id + '_' + col.data.name);

  1575.                         $edit.unbind('change');

  1576. 

  1577.                         col.data.edit.init && col.data.edit.init(rowData, $edit);

  1578. 

  1579.                         switch (col.data.edit.type) {

  1580.                             case 'input':          // 输入框 文本,数字,密码

  1581.                                 $edit.unbind('input propertychange');

  1582.                                 $edit.val(rowData[colname] || '');

  1583.                                 $edit.select();

  1584.                                 $edit.on("input propertychange", function (e) {

  1585.                                     var value = $(this).val();

  1586.                                     rowData[colname] = value;

  1587.                                     col.data.edit.change && col.data.edit.change(rowData, rowIndex);

  1588.                                     formatterCell(value, col.data, rowData, rowItem[col.data.name], op);

  1589. 

  1590.                                 });

  1591.                                 break;

  1592.                             case 'select':         // 下拉框选择

  1593.                                 $edit.lrselectSet(rowData[colname] || '');

  1594.                                 $edit.on('change', function () {

  1595.                                     var $this = $(this);

  1596.                                     var value = $this.lrselectGet();

  1597.                                     var item = $this.lrselectGetEx();

  1598. 

  1599.                                     rowData[colname] = value;

  1600.                                     col.data.edit.change && col.data.edit.change(rowData, rowIndex, item);

  1601.                                     formatterCell(value, col.data, rowData, rowItem[col.data.name], op);

  1602.                                 });

  1603. 

  1604.                                 break;

  1605.                             case 'radio': // 单选

  1606.                                 $edit.find('input').unbind('click');

  1607.                                 $edit.find('input[value="' + (rowData[colname] || '') + '"]').trigger('click');

  1608.                                 $edit.find('input').on('click', function () {

  1609.                                     var value = $(this).val();

  1610.                                     if (rowData[colname] != value) {

  1611.                                         rowData[colname] = value;

  1612.                                         col.data.edit.change && col.data.edit.change(rowData, rowIndex);

  1613.                                         formatterCell(value, col.data, rowData, rowItem[col.data.name], op);

  1614.                                     }

  1615.                                 });

  1616.                                 if ((rowData[colname] == '' || rowData[colname] == null || rowData[colname] == undefined) && col.data.edit.dfvalue) {

  1617.                                     $edit.find('input[value="' + col.data.edit.dfvalue + '"]').trigger('click');

  1618.                                 }

  1619.                                 break;

  1620.                             case 'checkbox':       // 多选

  1621.                                 $edit.find('input').unbind('click');

  1622.                                 var _oldv = rowData[colname] || '';

  1623.                                 var _cbmap = {};

  1624.                                 var _cbValue = rowData[colname] || col.data.edit.dfvalue || '';

  1625.                                 rowData[colname] = _cbValue;

  1626.                                 var _cbValueList = _cbValue.split(',');

  1627.                                 $.each(_cbValueList, function (_index, _item) {

  1628.                                     _cbmap[_item] = '1';

  1629.                                 });

  1630. 

  1631.                                 $edit.find('input').each(function () {

  1632.                                     var $this = $(this);

  1633.                                     var _v = $this.val();

  1634.                                     if ($this.is(':checked') && !_cbmap[_v]) {

  1635.                                         $this.trigger('click');

  1636.                                     }

  1637.                                     else if (!$this.is(':checked') && _cbmap[_v]) {

  1638.                                         $this.trigger('click');

  1639.                                     }

  1640.                                     $this = null;

  1641.                                 });

  1642.                                 if (_oldv != rowData[colname]) {

  1643.                                     col.data.edit.change && col.data.edit.change(rowData, rowIndex);

  1644.                                     formatterCell(rowData[colname], col.data, rowData, rowItem[col.data.name], op);

  1645.                                 }

  1646. 

  1647.                                 $edit.find('input').on('click', function () {

  1648.                                     var $this = $(this);

  1649.                                     var value = $this.val();

  1650.                                     var _v = rowData[colname].split(',');

  1651. 

  1652. 

  1653.                                     var _vmap = {};

  1654.                                     var v = [];

  1655.                                     $.each(_v, function (_index, _item) {

  1656.                                         if (_item !== '' && _item !== undefined && _item !== null) {

  1657.                                             _vmap[_item] = _index;

  1658.                                             v.push(_item);

  1659.                                         }

  1660.                                     });

  1661. 

  1662.                                     if ($this.is(':checked')) {

  1663.                                         if (_vmap[value] == undefined) {

  1664.                                             v.push(value);

  1665.                                         }

  1666.                                     }

  1667.                                     else {

  1668.                                         if (_vmap[value] != undefined) {

  1669.                                             v.splice(_vmap[value], 1);

  1670.                                         }

  1671.                                     }

  1672.                                     rowData[colname] = String(v);

  1673.                                     col.data.edit.change && col.data.edit.change(rowData, rowIndex);

  1674.                                     formatterCell(rowData[colname], col.data, rowData, rowItem[col.data.name], op);

  1675.                                 });

  1676.                                 break;

  1677.                             case 'datatime':       // 时间

  1678.                                 $edit.unbind('change');

  1679.                                 $edit.val(rowData[colname] || '');

  1680.                                 $edit.select();

  1681.                                 $edit.on("change", function (e) {

  1682.                                     var value = $(this).val();

  1683.                                     rowData[colname] = value;

  1684.                                     col.data.edit.change && col.data.edit.change(rowData, rowIndex);

  1685.                                     formatterCell(value, col.data, rowData, rowItem[col.data.name], op);

  1686.                                 });

  1687.                                 break;

  1688.                             case 'layer':          // 弹层

  1689.                                 break;

  1690.                         }

  1691. 

  1692. 

  1693.                     }

  1694.                     return false;

  1695.                 }

  1696.             });

  1697. 

  1698.             if (!isEdit) {

  1699.                 if (op.isMultiselect) {

  1700.                     var _cbValue = rowItem['jfcheck'].value;

  1701.                     if ((_cbValue + '') == '1') {

  1702.                         rowItem['jfcheck'].$cell.find('img').attr('src', imageurl + cb[0]);

  1703.                         rowItem['jfcheck'].value = 0;

  1704.                         op.multiselectfield && (rowData[op.multiselectfield] = 0);

  1705.                         op.onSelectRow && op.onSelectRow(rowData, false);

  1706. 

  1707.                         if (!op.running.checkAlling) {

  1708.                             var _flag = false;

  1709.                             $.each(op.running.rowdata, function (_index, _item) {

  1710.                                 if (_item['jfcheck'].value + '' == '1') {

  1711.                                     _flag = true;

  1712.                                     return false;

  1713.                                 }

  1714.                             });

  1715.                             if (_flag) {

  1716.                                 $self.find('#jfgrid_all_cb_' + op.id).attr('src', imageurl + cb[2]);

  1717.                             }

  1718.                             else {

  1719.                                 $self.find('#jfgrid_all_cb_' + op.id).attr('src', imageurl + cb[0]);

  1720.                             }

  1721.                         }

  1722.                     }

  1723.                     else {

  1724.                         rowItem['jfcheck'].$cell.find('img').attr('src', imageurl + cb[1]);

  1725.                         rowItem['jfcheck'].value = 1;

  1726.                         op.multiselectfield && (rowData[op.multiselectfield] = 1);

  1727.                         op.onSelectRow && op.onSelectRow(rowData, true);

  1728. 

  1729.                         if (!op.running.checkAlling) {

  1730.                             var _flag = false;

  1731.                             $.each(op.running.rowdata, function (_index, _item) {

  1732.                                 if (_item['jfcheck'].value + '' == '0') {

  1733.                                     _flag = true;

  1734.                                     return false;

  1735.                                 }

  1736.                             });

  1737. 

  1738.                             if (_flag) {

  1739.                                 $self.find('#jfgrid_all_cb_' + op.id).attr('src', imageurl + cb[2]);

  1740.                             }

  1741.                             else {

  1742.                                 $self.find('#jfgrid_all_cb_' + op.id).attr('src', imageurl + cb[1]);

  1743.                             }

  1744.                         }

  1745.                     }

  1746.                 }

  1747.                 else {

  1748.                     $self.find('#jfgrid_left_' + op.id + ' .jfgrid-selected,#jfgrid_right_' + op.id + ' .jfgrid-selected').removeClass('jfgrid-selected');

  1749.                     $self.find('[rownum="' + rownum + '"]').addClass('jfgrid-selected');

  1750.                     op.onSelectRow && op.onSelectRow(rowData);

  1751.                     op.running.rowSelected = rowItem;

  1752.                 }

  1753.             }

  1754.             else {

  1755.                 $self.find('#jfgrid_left_' + op.id + ' .jfgrid-selected,#jfgrid_right_' + op.id + ' .jfgrid-selected').removeClass('jfgrid-selected');

  1756.                 op.running.rowSelected = null;

  1757.             }

  1758.         },

  1759.         // 选中所有行

  1760.         checkAllRows: function ($self, $et, op) {

  1761.             // 判断当前是否是选中还是不选中

  1762.             var imgsrc = $et.attr('src').replace(imageurl, '');

  1763.             var ischecked = false;

  1764.             if (imgsrc == cb[1]) {

  1765.                 ischecked = true;

  1766.                 $et.attr('src', imageurl + cb[0]);

  1767.             }

  1768.             else {

  1769.                 $et.attr('src', imageurl + cb[1]);

  1770.             }

  1771. 

  1772.             op.running.checkAlling = true;

  1773. 

  1774.             $.each(op.running.rowdata, function (_index, _item) {

  1775.                 if (_item['jfcheck'].value + '' == '0' && !ischecked) {

  1776.                     _item['jfcheck'].$cell.trigger('click');

  1777.                 }

  1778.                 else if (_item['jfcheck'].value + '' == '1' && ischecked) {

  1779.                     _item['jfcheck'].$cell.trigger('click');

  1780.                 }

  1781.             });

  1782.             op.running.checkAlling = false;

  1783.         },

  1784.         // 展开子表区域

  1785.         expandSub: function ($self, $et, op) {

  1786.             var $cell = $et;

  1787.             var rownum = $et.attr('rownum');

  1788.             if (!rownum) {

  1789.                 $cell = $et.parents('.jfgrid-data-cell');

  1790.                 rownum = $cell.attr('rownum');

  1791.             }

  1792.             var rowIndex = parseInt(rownum.replace(op.id + '_', ''));

  1793.             // 获取当前行数据

  1794.             var rowItem = op.running.rowdata[rowIndex];

  1795.             var rowData = rowItem['jfgridRowData'];

  1796. 

  1797.             // 

  1798.             var $body = $self.find('#jfgrid_body_' + op.id);

  1799. 

  1800.             var $left = $self.find('#jfgrid_left_' + op.id);

  1801.             var $right = $self.find('#jfgrid_right_' + op.id);

  1802.             var subid = op.id + '_sub_' + rowIndex;

  1803.             var height = $left.height();

  1804. 

  1805.             if (rowItem['jfsubGrid'].value) {

  1806.                 rowItem['jfsubGrid'].value = false;

  1807.                 var $sub = $('#' + subid);

  1808.                 $sub.remove();

  1809. 

  1810. 

  1811.                 rowItem['jfsubGrid'].$cell.html('<i class="fa fa-plus" ></i>');

  1812.                 // 调整单元格位置

  1813.                 for (var i = rowIndex + 1, l = op.running.rowdata.length; i < l; i++) {

  1814.                     var item = op.running.rowdata[i];

  1815.                     $.each(item, function (_index, _item) {

  1816.                         if (_item.top != undefined) {

  1817.                             _item.top = _item.top - op.subGridHeight;

  1818.                             _item.$cell.css({ 'top': _item.top });

  1819.                         }

  1820.                     });

  1821.                 }

  1822.                 $left.css({ 'height': height - op.subGridHeight });

  1823.                 $right.css({ 'height': height - op.subGridHeight });

  1824.             }

  1825.             else {

  1826.                 rowItem['jfsubGrid'].value = true;

  1827.                 var width = $body.width();

  1828.                 rowItem['jfsubGrid'].$cell.html('<i class="fa fa-minus" ></i>');

  1829.                 var subContentId = learun.newGuid();

  1830.                 var $sub = $('<div class="jfgrid-sub" id="' + subid + '" ><div id="' + subContentId + '" ></div></div>').css({ 'left': 0, 'top': rowItem['jfsubGrid'].top + op.rowHeight, 'height': op.subGridHeight, 'width': width });

  1831.                 // 调整单元格位置

  1832.                 for (var i = rowIndex + 1, l = op.running.rowdata.length; i < l; i++) {

  1833.                     var item = op.running.rowdata[i];

  1834.                     $.each(item, function (_index, _item) {

  1835.                         if (_item.top != undefined) {

  1836.                             _item.top += op.subGridHeight;

  1837.                             _item.$cell.css({ 'top': _item.top });

  1838.                         }

  1839.                     });

  1840.                 }

  1841.                 $left.append($sub);

  1842. 

  1843.                 $left.css({ 'height': height + op.subGridHeight });

  1844.                 $right.css({ 'height': height + op.subGridHeight });

  1845. 

  1846.                 op.subGridExpanded && op.subGridExpanded(subContentId, rowItem['jfgridRowData']);

  1847.             }

  1848.         },

  1849.         // 获取选中行

  1850.         getCheckRow: function ($self, op) {

  1851.             var res = [];

  1852.             $.each(op.running.rowdata, function (_index, _item) {

  1853.                 if (_item['jfcheck'].value == 1) {

  1854.                     res.push(_item['jfgridRowData']);

  1855.                 }

  1856.             });

  1857.             return res;

  1858.         },

  1859.         // 上移

  1860.         moveUp: function ($self, op, index) {

  1861.             if (index > 0) {

  1862.                 var flag = true;

  1863.                 var _item = op.rowdatas[index];

  1864.                 if (op.isTree) {

  1865.                     flag = false;

  1866.                     if (op.running.rowdata[index].jfdeep <= op.running.rowdata[index - 1].jfdeep) {

  1867.                         for (var i = index - 1; i >= 0; i--) {

  1868.                             if (op.running.rowdata[index].jfdeep == op.running.rowdata[i].jfdeep) {

  1869.                                 flag = true;

  1870.                                 op.rowdatas[index] = op.rowdatas[i];

  1871.                                 op.rowdatas[i] = _item;

  1872.                                 break;

  1873.                             }

  1874.                         }

  1875.                     }

  1876.                 }

  1877.                 else {

  1878.                     op.rowdatas[index] = op.rowdatas[index - 1];

  1879.                     op.rowdatas[index - 1] = _item;

  1880.                 }

  1881.                 _jfgrid.dataRender($self, op, op.rowdatas);

  1882.                 return true;

  1883.             }

  1884.             return false;

  1885.         },

  1886.         // 下移

  1887.         moveDown: function ($self, op, index) {

  1888.             if (index < op.rowdatas.length - 1) {

  1889.                 var flag = true;

  1890.                 var _item = op.rowdatas[index];

  1891.                 if (op.isTree) {

  1892.                     flag = false;

  1893.                     for (var i = index + 1, l = op.rowdatas.length; i < l; i++) {

  1894.                         if (op.running.rowdata[index].jfdeep > op.running.rowdata[i].jfdeep) {

  1895.                             break;

  1896.                         }

  1897.                         if (op.running.rowdata[index].jfdeep == op.running.rowdata[i].jfdeep) {

  1898.                             flag = true;

  1899.                             op.rowdatas[index] = op.rowdatas[i];

  1900.                             op.rowdatas[i] = _item;

  1901.                             break;

  1902.                         }

  1903.                     }

  1904.                 }

  1905.                 else {

  1906.                     op.rowdatas[index] = op.rowdatas[index + 1];

  1907.                     op.rowdatas[index + 1] = _item;

  1908.                 }

  1909. 

  1910.                 _jfgrid.dataRender($self, op, op.rowdatas);

  1911.                 return true;

  1912.             }

  1913.             return false;

  1914.         },

  1915.         turnPage: function (e) {

  1916.             var $this = $(this);

  1917.             var $self = $('#' + $this.attr('id').replace('jfgrid_page_bar_num_', ''));

  1918.             var op = $self[0].dfop;

  1919. 

  1920.             var et = e.target || e.srcElement;

  1921.             var $et = $(et);

  1922.             if ($et.hasClass('pagebtn')) {

  1923.                 var page = parseInt($et.text());

  1924.                 if (page != op.running.pageparam.page) {

  1925.                     $this.find('.active').removeClass('active');

  1926.                     $et.addClass('active');

  1927.                     op.running.pageparam.page = page;

  1928.                     _jfgrid.reload($self, op);

  1929.                 }

  1930.             }

  1931. 

  1932.         },

  1933.         turnPage2: function (e) {

  1934.             var $this = $(this);

  1935.             var op = e.data.op;

  1936.             var name = $this.text();

  1937.             var $pagenum = $('#jfgrid_page_bar_num_' + op.id);

  1938.             var page = parseInt($pagenum.find('.active').text());

  1939.             var falg = false;

  1940.             switch (name) {

  1941.                 case '首页':

  1942.                     if (page != 1) {

  1943.                         op.running.pageparam.page = 1;

  1944.                         falg = true;

  1945.                     }

  1946.                     break;

  1947.                 case '上一页':

  1948.                     if (page > 1) {

  1949.                         op.running.pageparam.page = page - 1;

  1950.                         falg = true;

  1951.                     }

  1952.                     break;

  1953.                 case '下一页':

  1954.                     if (page < op.running.pageparam.total) {

  1955.                         op.running.pageparam.page = page + 1;

  1956.                         falg = true;

  1957.                     }

  1958.                     break;

  1959.                 case '尾页':

  1960.                     if (page != op.running.pageparam.total) {

  1961.                         op.running.pageparam.page = op.running.pageparam.total;

  1962.                         falg = true;

  1963.                     }

  1964.                     break;

  1965.                 case '跳转':

  1966.                     var text = $this.parents('#jfgrid_page_bar_nums_' + op.id).find('input').val();

  1967.                     if (!!text) {

  1968.                         var p = parseInt(text);

  1969.                         if (String(p) != 'NaN') {

  1970.                             if (p < 1) {

  1971.                                 p = 1;

  1972.                             }

  1973.                             if (p > op.running.pageparam.total) {

  1974.                                 p = op.running.pageparam.total;

  1975.                             }

  1976.                             op.running.pageparam.page = p;

  1977.                             falg = true;

  1978.                         }

  1979.                     }

  1980.                     break;

  1981.             }

  1982.             if (falg) {

  1983.                 _jfgrid.reload($('#' + op.id), op);

  1984.             }

  1985. 

  1986.         },

  1987. 

  1988.         // 打印处理

  1989.         print: function ($self) {

  1990.             var dfop = $self[0].dfop;

  1991.             var $table = $('<table border="1" style=""></table>');

  1992. 

  1993.             // 获取表头数据

  1994.             var thlist = [];

  1995.             function cTh(_data, _index) {

  1996.                 var res = _data.length;

  1997.                 $.each(_data, function (id, item) {

  1998.                     thlist[_index] = thlist[_index] || $('<tr></tr>');

  1999.                     var $th = $('<th>' + item.label + '</th>');

  2000.                     if (!!item.children && item.children.length > 0) {

  2001.                         var num = cTh(item.children, _index + 1);

  2002.                         res = res + num - 1;

  2003.                         $th.attr('colspan', num);

  2004.                     }

  2005.                     var _row = item.height / 28;

  2006.                     $th.attr('rowspan', _row);

  2007.                     $th.css('text-align', item.align);

  2008.                     thlist[_index].append($th);

  2009.                 });

  2010.                 return res;

  2011.             }

  2012. 

  2013.             cTh(dfop.headData, 0);

  2014.             $.each(thlist, function (id, item) {

  2015.                 $table.append(item);

  2016.             });

  2017. 

  2018.             $.each(dfop.rowdatas, function (index, item) {

  2019.                 var $tr = $('<tr></tr>');

  2020.                 $self.find('[rownum="' + dfop.id + '_' + index + '"]').each(function () {

  2021.                     var $cell = $(this);

  2022.                     var colname = $cell.attr('colname');

  2023.                     if (!!colname && colname != 'jfgrid_num' && colname != 'jfgrid_multiselect' && colname != 'jfgrid_subGrid') {

  2024.                         var $td = $('<td>' + $cell.html() + '</td>');

  2025.                         $td.css('text-align', $cell.css('text-align'));

  2026.                         $tr.append($td);

  2027.                     }

  2028.                 });

  2029. 

  2030.                 $table.append($tr);

  2031.             });

  2032. 

  2033.             dfop = null;

  2034. 

  2035.             return $table;

  2036.         }

  2037.     };

  2038. 

  2039.     $.fn.jfGrid = function (op) {

  2040.         var $self = $(this);

  2041.         if (!$self[0] || $self[0].dfop) {

  2042.             return $self;

  2043.         }

  2044. 

  2045.         var id = $self.attr('id');

  2046.         if (id == null || id == undefined || id == '') {

  2047.             id = "jfgrid" + new Date().getTime();

  2048.             $self.attr('id', id);

  2049.         }

  2050. 

  2051.         var dfop = {

  2052.             url: '',                      // 数据服务地址

  2053.             param: {},                    // 请求参数

  2054.             rowdatas: [],                 // 列表数据

  2055. 

  2056.             headData: [],                 // 列数据

  2057. 

  2058.             isShowNum: true,              // 是否显示序号

  2059.             isMultiselect: false,         // 是否允许多选

  2060.             multiselectfield: '',         // 多选绑定字段

  2061. 

  2062.             isSubGrid: false,             // 是否有子表

  2063.             subGridExpanded: false,       // 子表展开后调用函数

  2064.             subGridHeight: 300,

  2065. 

  2066.             onSelectRow: false,           // 选中一行后回调函数

  2067.             dblclick: false,

  2068.             onRenderComplete: false,      // 表格加载完后调用

  2069. 

  2070.             onAddRow: false,              // 添加一行数据后执行

  2071.             onMinusRow: false,            // 删除一行数据后执行

  2072.             beforeMinusRow: false,        // 删除一行数据前执行

  2073. 

  2074.             isPage: false,                // 是否分页默认是不分页（目前只支持服务端分页）

  2075.             rows: 30,

  2076.             sidx: '',

  2077.             sord: 'ASC',

  2078. 

  2079.             isTree: false,                // 是否树形显示（没有分页的情况下才支持） (只有在数据不多情况下才建议使用)

  2080.             mainId: 'id',                 // 关联的主键

  2081.             parentId: 'parentId',         // 树形关联字段

  2082. 

  2083. 

  2084.             isEdit: false,                // 是否允许增删行

  2085. 

  2086.             isAutoHeight: false,          // 自动适应表格高度

  2087.             height: 0,

  2088.             rowHeight: 28                 // 行高

  2089. 

  2090. 

  2091.         };

  2092.         if (!!op) {

  2093.             $.extend(dfop, op);

  2094.         }

  2095. 

  2096.         dfop.id = id;

  2097.         $self[0].dfop = dfop;

  2098.         dfop.running = {};

  2099. 

  2100. 

  2101.         if (dfop.isMultiselect) {

  2102.             for (var i = 0; i < 3; i++) {

  2103.                 var im = new Image();

  2104.                 im.src = imageurl + cb[i];

  2105.             }

  2106.         }

  2107. 

  2108.         _jfgrid.init($self, dfop);

  2109. 

  2110.         dfop = null;

  2111.         return $self;

  2112.     };

  2113. 

  2114.     $.fn.jfGridSet = function (name, data) {

  2115.         var $self = $(this);

  2116.         var dfop = $self[0].dfop;

  2117.         if (!dfop) {

  2118.             return null;

  2119.         }

  2120.         switch (name) {

  2121.             case 'reload': // 重新加载一边数据

  2122.                 data = data || dfop.param || {};

  2123.                 dfop.param = data.param || data;

  2124.                 _jfgrid.reload($self, dfop);

  2125.                 break;

  2126.             case 'reloadall'://重新加载所有数据

  2127.                 dfop.rows = 1000000;

  2128.                 data = data || dfop.param || {};

  2129.                 dfop.param = data.param || data;

  2130.                 _jfgrid.reload($self, dfop);

  2131.                 break;

  2132.             case 'refresh':

  2133.                 break;

  2134.             case 'refreshdata':

  2135.                 if (data) {

  2136.                     dfop.rowdatas = data.rowdatas || data;

  2137.                 }

  2138.                 _jfgrid.dataRender($self, dfop, dfop.rowdatas);

  2139.                 //liang解决刷新后选择的行不能清除的问题

  2140.                 dfop.running.rowSelected = undefined;

  2141.                 break;

  2142.             case 'addRow':

  2143.                 dfop.rowdatas.push(data || {});

  2144.                 _jfgrid.rowRender($self, dfop, data || {}, 0);

  2145.                 $self.find('#jfgrid_nodata_img_' + dfop.id).hide();

  2146.                 break;

  2147.             case 'removeRow':

  2148.                 $.each(dfop.rowdatas, function (_index, _item) {

  2149.                     if (dfop.mainId && data) {

  2150.                         if (_item[dfop.mainId] == data) {

  2151.                             dfop.rowdatas.splice(_index, 1);

  2152.                             return false;

  2153.                         }

  2154.                     }

  2155.                     else {

  2156.                         if (_item == dfop.running.rowSelected.jfgridRowData) {

  2157.                             dfop.rowdatas.splice(_index, 1);

  2158.                             return false;

  2159.                         }

  2160.                     }

  2161. 

  2162. 

  2163.                 });

  2164.                 var _$self = $self;

  2165.                 setTimeout(function () {

  2166.                     _jfgrid.dataRender(_$self, _$self[0].dfop, _$self[0].dfop.rowdatas, 0);

  2167.                     _$self = null;

  2168.                 }, 100);

  2169.                 break;

  2170.             case 'nocheck':

  2171.                 if (dfop.isMultiselect) {

  2172.                     $.each(dfop.running.rowdata, function (_index, _item) {

  2173.                         if (_item['jfgridRowData'][dfop.mainId] == data) {

  2174.                             if (_item['jfcheck'].value == 1) {

  2175.                                 _item['jfcheck'].$cell.trigger('click');

  2176.                             }

  2177.                             return false;

  2178.                         }

  2179.                     });

  2180.                 }

  2181.                 break;

  2182.             case 'updateRow':

  2183.                 if (dfop.running.rowSelected) {

  2184.                     _jfgrid.updateRow(dfop.running.rowSelected, dfop);

  2185.                 }

  2186.                 else if (dfop.running.rowdata[data]) {

  2187.                     _jfgrid.updateRow(dfop.running.rowdata[data], dfop);

  2188.                 }

  2189.                 break;

  2190.             case 'moveUp':

  2191.                 return _jfgrid.moveUp($self, dfop, data);

  2192.                 break;

  2193.             case 'moveDown':

  2194.                 return _jfgrid.moveDown($self, dfop, data);

  2195.                 break;

  2196.         }

  2197.         dfop = null;

  2198.         $self = null;

  2199.     };

  2200. 

  2201.     $.fn.jfGridGet = function (name) {

  2202.         var $self = $(this);

  2203.         var op = $self[0].dfop;

  2204.         if (!op) {

  2205.             return null;

  2206.         }

  2207.         switch (name) {

  2208.             case 'rowdata':

  2209.                 if (op.isMultiselect) {

  2210.                     return _jfgrid.getCheckRow($self, op);

  2211.                 }

  2212.                 else {

  2213.                     if (op.running.rowSelected) {

  2214.                         return op.running.rowSelected['jfgridRowData'];

  2215.                     }

  2216.                     else {

  2217.                         return {};

  2218.                     }

  2219.                 }

  2220.                 break;

  2221.             case 'rowdatas':

  2222.                 return op.rowdatas;

  2223.                 break;

  2224.             case 'rowdatasByArray':

  2225.                 break;

  2226.             case 'settingInfo':

  2227.                 return op;

  2228.                 break;

  2229.             case 'headData':

  2230.                 break;

  2231.             case 'showData':

  2232.                 var res = [];

  2233.                 $.each(op.running.rowdata, function (_index, _item) {

  2234.                     var point = {};

  2235.                     $.each(_item, function (_jindex, _jitem) {

  2236.                         if (_jindex != 'jfgridRowData' && _jindex != 'jfnum' && _jindex != 'jfcheck' && _jindex != 'jfsubGrid') {

  2237.                             point[_jindex] = _jitem.text;

  2238.                         }

  2239.                     });

  2240.                     res.push(point);

  2241.                 });

  2242.                 return res;

  2243.                 break;

  2244.         }

  2245.         op = null;

  2246.     };

  2247. 

  2248.     $.fn.jfGridValue = function (name) {

  2249.         var $self = $(this);

  2250.         var op = $self[0].dfop;

  2251.         if (!op) {

  2252.             return null;

  2253.         }

  2254.         if (op.isMultiselect) {

  2255.             var res = [];

  2256.             var list = _jfgrid.getCheckRow($self, op);

  2257.             $.each(list, function (_index, _item) {

  2258.                 res.push(_item[name]);

  2259.             });

  2260. 

  2261.             return String(res);

  2262.         }

  2263.         else {

  2264.             if (op.running.rowSelected) {

  2265.                 return op.running.rowSelected['jfgridRowData'][name];

  2266.             }

  2267.             else {

  2268.                 return '';

  2269.             }

  2270.         }

  2271.     };

  2272. 

  2273.     // 打印处理

  2274.     $.fn.jfGridPrint = function () {

  2275.         var $self = $(this);

  2276.         return _jfgrid.print($self);

  2277.     }

  2278. })(window.jQuery, top.learun);