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.
1704 Commits
27 Branches
925 MiB
 
 
 
 
 
 
Tree: 8f2356a907
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '8f2356a907'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Views/LR_Content/plugin/grid/jfgrid.js

2389 lines
109 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.         //var _ishide = false;

  16. 

  17.         if (parent) {

  18.             _left = parent.left;

  19.             _top = parent.top + 28;

  20.             _deep = parent.deep + 1;

  21.             _frozen = parent.frozen;

  22.         }

  23.         var _width = 0;

  24.         var len = data.length;

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

  26.             if (!_item.ishide) {

  27.                 //设置列表头数据

  28.                 var col = {

  29.                     data: _item,

  30.                     height: 28,

  31.                     width: _item.width || 100,

  32.                     top: _top,

  33.                     left: _left,

  34.                     frozen: _frozen,

  35.                     deep: _deep,

  36.                     last: true,

  37.                     parent: parent,

  38.                     //hide: _item.ishide || _ishide

  39.                 };

  40. 

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

  42.                     col.frozen = true;

  43.                     col.left = _frozenleft;

  44.                 }

  45. 

  46.                 headData.push(col);

  47. 

  48.                 // 如果有子节点

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

  50.                     col.last = false;

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

  52.                 }

  53.                 else {

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

  55. 

  56.                     if (col.frozen) {

  57.                         frozenCols.push(col);

  58.                     }

  59.                     else {

  60.                         cols.push(col);

  61.                     }

  62. 

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

  64.                     if (_item.isMerge) {

  65.                         running.mergeCols.push(col);

  66.                     }

  67.                     // 如果有统计列

  68.                     if (_item.statistics) {

  69.                         running.isStatistic = true;

  70.                     }

  71.                 }

  72. 

  73.                 if (!parent) {

  74.                     if (col.frozen) {

  75.                         _frozenleft += col.width;

  76.                         running.frozenleft += col.width;

  77.                     }

  78.                     else {

  79.                         _left += col.width;

  80.                         running.left += col.width;

  81.                     }

  82.                 }

  83.                 else {

  84.                     _left += col.width;

  85.                 }

  86.                 _width += col.width;

  87.             }

  88.             else {

  89.                 running.hideHead = running.hideHead || [];

  90.                 running.hideHead.push(_item);

  91.             }

  92. 

  93.         });

  94. 

  95. 

  96.         return _width;

  97.     };

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

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

  100.         col._width = col.width + width;

  101.         if (isUpdate) {

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

  103.         }

  104.         if (col.parent) {

  105.             setColWidth(col.parent, width);

  106.         }

  107.     };

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

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

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

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

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

  113.             var _width = 0;

  114.             var flag = false;

  115.             if (width > colwidth) {

  116.                 _width = width - colwidth + 1;

  117.                 setColWidth(col, _width, isUpdate);

  118.                 flag = true;

  119.             }

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

  121.                 _width = 1;

  122.                 setColWidth(col, _width, isUpdate);

  123.                 flag = true;

  124.             }

  125. 

  126. 

  127.             if (flag) {

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

  129.                 if (isUpdate) {

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

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

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

  133.                 }

  134.             }

  135. 

  136.         }

  137.     };

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

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

  140.         //if (value !== 0) {

  141.         //    value = value || '';

  142.         //}

  143.         if (item.formatter) {

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

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

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

  147. 

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

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

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

  151. 

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

  153.                 rowItem.statisticsNum = rowItem.statisticsNum || 0;

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

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

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

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

  158.             }

  159. 

  160.             $expend = null;

  161.         }

  162.         else if (item.formatterAsync) {

  163.             item.formatterAsync(function (text) {

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

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

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

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

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

  169.                 $expend = null;

  170. 

  171. 

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

  173.                     rowItem.statisticsNum = rowItem.statisticsNum || 0;

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

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

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

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

  178.                 }

  179. 

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

  181.         }

  182.         else {

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

  184.             if (item.edit) {

  185.                 switch (item.edit.type) {

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

  187.                         break;

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

  189.                         // 如果有data

  190. 

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

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

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

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

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

  196. 

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

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

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

  200.                                     $expend = null;

  201.                                     return false;

  202.                                 }

  203.                             });

  204.                             return;

  205.                         }

  206.                         else {

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

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

  209.                                     key: value,

  210.                                     code: item.edit.code,

  211.                                     rowItem: rowItem,

  212.                                     callback: function (_data, _op) {

  213.                                         _op.rowItem.text = _data.text;

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

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

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

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

  218.                                         $expend = null;

  219.                                     }

  220.                                 });

  221.                                 return;

  222.                             }

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

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

  225.                                     key: value,

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

  227.                                     code: item.edit.code,

  228.                                     rowItem: rowItem,

  229.                                     callback: function (_data, _op) {

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

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

  232. 

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

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

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

  236.                                         $expend = null;

  237.                                     }

  238.                                 });

  239.                                 return;

  240.                             }

  241.                         }

  242.                         break;

  243.                     case 'radio':          // 单选

  244.                         if (item.edit.data) {

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

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

  247.                                     rowItem.text = _item.text;

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

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

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

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

  252.                                     $expend = null;

  253.                                     return false;

  254.                                 }

  255.                             });

  256.                             return;

  257.                         }

  258.                         else {

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

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

  261.                                     key: value,

  262.                                     code: item.edit.code,

  263.                                     rowItem: rowItem,

  264.                                     callback: function (_data, _op) {

  265.                                         _op.rowItem.text = _data.text;

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

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

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

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

  270.                                         $expend = null;

  271.                                     }

  272.                                 });

  273.                                 return;

  274.                             }

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

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

  277.                                     key: value,

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

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

  280.                                     code: item.edit.code,

  281.                                     rowItem: rowItem,

  282.                                     callback: function (_data, _op) {

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

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

  285. 

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

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

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

  289.                                         $expend = null;

  290.                                     }

  291.                                 });

  292.                                 return;

  293.                             }

  294.                         }

  295.                         break;

  296.                     case 'checkbox':       // 多选

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

  298.                             if (item.edit.data) {

  299.                                 value = value + '';

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

  301.                                 var _vmap = {};

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

  303.                                     _vmap[_item] = '1';

  304.                                 });

  305.                                 var _text = [];

  306. 

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

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

  309.                                         _text.push(_item.text);

  310.                                     }

  311.                                 });

  312. 

  313.                                 rowItem.text = String(_text);

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

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

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

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

  318.                                 $expend = null;

  319.                                 return;

  320.                             }

  321.                             else {

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

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

  324.                                         code: item.edit.code,

  325.                                         rowItem: rowItem,

  326.                                         value: value,

  327.                                         callback: function (_dataes, _op) {

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

  329.                                             var _vmap = {};

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

  331.                                                 _vmap[_item] = '1';

  332.                                             });

  333.                                             var _text = [];

  334. 

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

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

  337.                                                     _text.push(_item.text);

  338.                                                 }

  339.                                             });

  340. 

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

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

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

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

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

  346.                                             $expend = null;

  347.                                         }

  348.                                     });

  349.                                     return;

  350.                                 }

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

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

  353.                                         value: value,

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

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

  356.                                         code: item.edit.code,

  357.                                         rowItem: rowItem,

  358.                                         callback: function (_dataes, _op) {

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

  360.                                             var _vmap = {};

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

  362.                                                 _vmap[_item] = '1';

  363.                                             });

  364.                                             var _text = [];

  365. 

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

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

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

  369.                                                 }

  370.                                             });

  371. 

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

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

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

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

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

  377.                                             $expend = null;

  378.                                         }

  379.                                     });

  380.                                     return;

  381.                                 }

  382.                             }

  383.                         }

  384.                         break;

  385.                     case 'datatime':       // 时间

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

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

  388.                             row[item.name] = value;

  389.                         }

  390. 

  391.                         break;

  392.                     case 'layer':          // 弹层

  393.                         // 获取下行号

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

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

  396.                         rowItem.text = value;

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

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

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

  400. 

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

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

  403. 

  404.                         if (item.isRead != '1') {

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

  406.                                 var $this = $(this);

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

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

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

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

  411.                                 top.lrGirdLayerEdit = op;

  412.                                 top.lrGirdLayerEditCallBack = function (data) {

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

  414.                                     top.lrGirdLayerEdit = null;

  415.                                     top.lrGirdLayerEditCallBack = null;

  416.                                 };

  417.                                 if (item.edit.op) {

  418.                                     learun.layerForm({

  419.                                         id: 'lrgridlayerform',

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

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

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

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

  424.                                         callBack: function (id) {

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

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

  427.                                             });

  428.                                             top.lrGirdLayerEdit = null;

  429.                                             return res;

  430.                                         }

  431.                                     });

  432.                                 }

  433.                                 return false;

  434.                             });

  435.                         }

  436.                         return;

  437.                         break;

  438.                 }

  439.             }

  440. 

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

  442.             rowItem.text = value;

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

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

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

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

  447.                 rowItem.statisticsNum = rowItem.statisticsNum || 0;

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

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

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

  451. 

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

  453.             }

  454. 

  455.             $expend = null;

  456.         }

  457.     };

  458. 

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

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

  461.         col.width = col.width + width;

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

  463.         if (col.parent) {

  464.             setColWidthByMove(col.parent, width);

  465.         }

  466.     };

  467. 

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

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

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

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

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

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

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

  475.                 }

  476.                 if (col.frozen) {

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

  478.                 }

  479.                 else {

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

  481.                 }

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

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

  484.                         hideEditCell();

  485.                     }

  486.                 });

  487. 

  488. 

  489.                 break;

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

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

  492.                 if (col.frozen) {

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

  494.                 }

  495.                 else {

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

  497.                 }

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

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

  500. 

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

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

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

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

  505.                         code: col.data.edit.code,

  506.                         callback: function (dataes) {

  507.                             var list = [];

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

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

  510.                             });

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

  512.                         }

  513.                     });

  514.                 }

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

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

  517.                         code: col.data.edit.code,

  518.                         callback: function (dataes) {

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

  520.                                 data: dataes

  521.                             });

  522.                         }

  523.                     });

  524.                 }

  525. 

  526.                 break;

  527.             case 'radio':          // 单选

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

  529.                 if (col.frozen) {

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

  531.                 }

  532.                 else {

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

  534.                 }

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

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

  537.                         type: 'radio',

  538.                         code: col.data.edit.code

  539.                     });

  540.                 }

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

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

  543.                         type: 'radio',

  544.                         dataType: 'dataSource',

  545.                         code: col.data.edit.code,

  546.                         text: col.data.edit.text,

  547.                         value: col.data.edit.value

  548.                     });

  549.                 }

  550.                 else {

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

  552.                         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>');

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

  554.                     });

  555.                 }

  556.                 break;

  557.             case 'checkbox':       // 多选

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

  559.                 if (col.frozen) {

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

  561.                 }

  562.                 else {

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

  564.                 }

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

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

  567.                         type: 'checkbox',

  568.                         code: col.data.edit.code

  569.                     });

  570.                 }

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

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

  573.                         type: 'checkbox',

  574.                         dataType: 'dataSource',

  575.                         code: col.data.edit.code,

  576.                         text: col.data.edit.text,

  577.                         value: col.data.edit.value

  578.                     });

  579.                 }

  580.                 else {

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

  582.                         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>');

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

  584.                     });

  585.                 }

  586.                 break;

  587.             case 'datatime':       // 时间

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

  589.                 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>');

  590.                 if (col.frozen) {

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

  592.                 }

  593.                 else {

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

  595.                 }

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

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

  598.                         hideEditCell();

  599.                     }

  600.                 });

  601.                 break;

  602.             case 'layer':          // 弹层

  603.                 break;

  604.         }

  605.     };

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

  607.     var hideEditCell = function () {

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

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

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

  611.     };

  612. 

  613. 

  614.     var _jfgrid = {

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

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

  617.                 op.isPage = false;

  618.             }

  619. 

  620.             $self.html('');

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

  622.             // 添加一个移动板

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

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

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

  626.             }

  627.             // 整体表格布局

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

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

  630.             // 渲染头部

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

  632.             // 渲染数据

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

  634.             op = null;

  635.         },

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

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

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

  639.             }

  640.             // 头部

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

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

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

  644.             $self.append($head);

  645.             // 数据显示部分

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

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

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

  649.             $self.append($body);

  650.             // 底部

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

  652.             $self.append($footer);

  653. 

  654.             // 调整列宽移动条

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

  656. 

  657. 

  658.             // 初始化滚动条

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

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

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

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

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

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

  665.                     }

  666. 

  667.                     hideEditCell();

  668.                 }

  669.             });

  670. 

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

  672.             $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>');

  673. 

  674.             // 分页条

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

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

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

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

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

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

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

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

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

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

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

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

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

  688.                 $footer.append($pagebar);

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

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

  691.                 $pagebar = null;

  692.             }

  693.             else if (op.isEdit) {

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

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

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

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

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

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

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

  701.                 }

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

  703.                     var _item = {};

  704.                     op.rowdatas.push(_item);

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

  706.                     if (op.isTree) {

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

  708.                     }

  709.                     else {

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

  711.                     }

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

  713. 

  714.                 });

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

  716.                     // 获取选中行

  717.                     var flag = false;

  718.                     var res = true;

  719.                     if (op.isMultiselect) {

  720.                         var checklist = [];

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

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

  723.                                 res = true;

  724.                                 if (op.beforeMinusRow) {

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

  726.                                 }

  727.                                 if (res) {

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

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

  730.                                     flag = true;

  731.                                 }

  732.                             }

  733.                         });

  734.                         if (flag) {

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

  736.                         }

  737.                     }

  738.                     else {

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

  740.                             res = true;

  741.                             if (op.beforeMinusRow) {

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

  743.                             }

  744.                             if (res) {

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

  746.                                 flag = true;

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

  748.                                 op.running.rowSelected = null;

  749.                             }

  750.                         }

  751.                     }

  752.                     if (flag) {

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

  754.                     }

  755. 

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

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

  758.                     }

  759.                 });

  760.                 $toolbar.append($add);

  761.                 $toolbar.append($minus);

  762.                 $footer.append($toolbar);

  763.                 $toolbar = null;

  764.             }

  765.             $head = null;

  766.             $body = null;

  767.             $footer = null;

  768.         },

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

  770.             // 点击事件

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

  772.                 var $this = $(this);

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

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

  775.                 var $et = $(et);

  776. 

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

  778.                     hideEditCell();

  779.                 }

  780. 

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

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

  783.                     dfop.isWidhChanging = false;

  784.                 }

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

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

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

  788.                     }

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

  790.                 }

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

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

  793.                 }

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

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

  796.                 }

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

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

  799.                     e.stopPropagation();

  800.                 }

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

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

  803.                 }

  804.             });

  805.             // 双击事件

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

  807.                 var $this = $(this);

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

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

  810.                 var $et = $(et);

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

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

  813.                 }

  814.             });

  815. 

  816.             // 鼠标移过事件

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

  818.                 var $this = $(this);

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

  820. 

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

  822.                 var $et = $(et);

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

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

  825.                     if (!rowid) {

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

  827.                     }

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

  829.                 }

  830. 

  831.             });

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

  833.             $self.resize(function () {

  834.                 var $this = $(this);

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

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

  837. 

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

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

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

  841.             });

  842.             // 调整列宽

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

  844.                 $jfgridmove.show();

  845.                 var op = e.data.op;

  846.                 op.running.moveing = true;

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

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

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

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

  851. 

  852.                 op.running.moveCol = col;

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

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

  855.                 if (col.frozen) {

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

  857.                 }

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

  859.             });

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

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

  862.                 var x = e.pageX;

  863.                 if (op.running.moveing) {

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

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

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

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

  868. 

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

  870.                 }

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

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

  873.                 if (op.running.moveing) {

  874.                     op.running.moveing = false;

  875.                     var x = e.pageX;

  876. 

  877.                     if (op.running.moveCol) {

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

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

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

  881.                         if (_width != 0) {

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

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

  884.                                 op.running.frozenleft += _width;

  885.                                 op.running.leftWidth += _width;

  886. 

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

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

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

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

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

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

  893. 

  894.                                 if (op.running.isStatistic) {

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

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

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

  898.                                 }

  899.                             }

  900.                             else {

  901.                                 op.running.headWidth += _width;

  902.                                 op.running.left += _width;

  903. 

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

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

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

  907. 

  908. 

  909.                                 if (op.running.isStatistic) {

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

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

  912.                                 }

  913. 

  914.                             }

  915. 

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

  917. 

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

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

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

  921.                                     col.left += _width;

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

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

  924. 

  925. 

  926.                                     if (op.running.isStatistic) {

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

  928.                                     }

  929.                                 }

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

  931.                                     col.left += _width;

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

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

  934.                                     if (op.running.isStatistic) {

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

  936.                                     }

  937.                                 }

  938.                             }

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

  940.                         }

  941.                         op.running.moveCol = null;

  942.                     }

  943. 

  944. 

  945.                     $jfgridmove.hide();

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

  947.                     $moveline.hide();

  948. 

  949. 

  950.                 }

  951.             });

  952.         },

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

  954.             op.running.MaxDeep = 0;

  955. 

  956.             op.running.headWidth = 0;

  957.             op.running.headHeight = 0;

  958. 

  959.             op.running.leftWidth = 0;

  960. 

  961.             op.running.left = 0;

  962.             op.running.frozenleft = 0;

  963. 

  964.             op.running.cols = [];

  965.             op.running.frozenCols = [];

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

  967.             op.running.headData = [];

  968. 

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

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

  971. 

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

  973.             if (op.running.isStatistic) {

  974. 

  975.                 op.running.statisticData = {};

  976. 

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

  978.                 $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>');

  979.                 if (op.isPage) {

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

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

  982.                 }

  983.                 else {

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

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

  986.                 }

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

  988.             } else if (op.isEdit) {

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

  990.             }

  991. 

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

  993.             op.running.headWidth = op.running.left;

  994. 

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

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

  997. 

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

  999.             if (op.isShowNum) {

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

  1001.                 op.running.leftWidth += 60;

  1002.             }

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

  1004.             if (op.isMultiselect) {

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

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

  1007.                 $border.append($cb);

  1008.                 op.running.leftWidth += 60;

  1009.             }

  1010.             // 是否有展开

  1011.             if (op.isSubGrid) {

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

  1013.                 $border.append($sub);

  1014.                 op.running.leftWidth += 60;

  1015.             }

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

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

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

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

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

  1021. 

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

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

  1024. 

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

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

  1027. 

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

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

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

  1031.             }

  1032. 

  1033.             var _left = 0;

  1034. 

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

  1036.             var _sLastFlag = true;

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

  1038.                 if (_item.last) {

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

  1040.                 }

  1041.                 _item.data.height = _item.height;

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

  1043.                     .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') });

  1044. 

  1045. 

  1046.                 // 翻译

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

  1048.                     _item.data.label = text;

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

  1050.                 });

  1051.                 if (_item.last) {

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

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

  1054. 

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

  1056.                     if (_item.data.edit) {

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

  1058.                     }

  1059. 

  1060.                     if (!_item.frozen) {

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

  1062.                     }

  1063. 

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

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

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

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

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

  1069.                             _sLastFlag = false;

  1070.                         }

  1071.                         $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 });

  1072. 

  1073.                         if (_item.frozen) {

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

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

  1076.                         }

  1077.                         else {

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

  1079.                         }

  1080. 

  1081.                     }

  1082. 

  1083.                 }

  1084. 

  1085.                 if (_item.frozen) {

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

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

  1088.                 }

  1089.                 else {

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

  1091.                 }

  1092. 

  1093.             });

  1094. 

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

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

  1097. 

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

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

  1100.             }

  1101.         },

  1102. 

  1103.         // 渲染行数据

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

  1105.             bindex = bindex || 0;

  1106.             op.running.rowdata = [];

  1107.             op.running.statisticData = {};

  1108. 

  1109.             $self.hide();

  1110. 

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

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

  1113.             $self.find('#jfgrid_left_' + op.id).find('.jfgrid-sub').remove();

  1114. 

  1115.             hideEditCell();

  1116.             var isAllCheck = 3;

  1117.             if (op.isTree) {

  1118.                 function _treeRender(_data, deep) {

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

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

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

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

  1123.                         }

  1124.                     });

  1125.                 };

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

  1127.                 if (treeList.length > 0) {

  1128.                     _treeRender(treeList, 1);

  1129.                     if (op.isTreeClose) {

  1130.                         setTimeout(function () {

  1131.                             $.each(treeList, function (_treeIndex, _treeItem) {

  1132.                                 $('.jfgrid-data-cell[rowindex="' + _treeItem._lrindex + '"] .jfgrid-data-cell-expendi').trigger('click');

  1133.                             });

  1134.                         });

  1135.                     }

  1136.                 }

  1137.                 else {

  1138. 

  1139.                 }

  1140. 

  1141.             }

  1142.             else {

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

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

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

  1146.                         if (isAllCheck == 0) {

  1147.                             isAllCheck = 2;

  1148.                         }

  1149.                         else if (isAllCheck == 3) {

  1150.                             isAllCheck = 1;

  1151.                         }

  1152.                     }

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

  1154.                         if (isAllCheck == 1) {

  1155.                             isAllCheck = 2;

  1156.                         }

  1157.                         else if (isAllCheck == 3) {

  1158.                             isAllCheck = 0;

  1159.                         }

  1160.                     }

  1161.                 });

  1162. 

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

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

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

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

  1167. 

  1168.                     var pagebarLabel = '';

  1169.                     var btnlist = "";

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

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

  1172.                     }

  1173.                     else {

  1174.                         var pageparam = op.running.pageparam;

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

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

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

  1178. 

  1179.                         if (pageparam.total > 1) {

  1180.                             var bpage = pageparam.page - 6;

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

  1182.                             var epage = bpage + 10;

  1183.                             if (epage > pageparam.total) {

  1184.                                 epage = pageparam.total;

  1185.                             }

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

  1187.                                 bpage = epage - 10;

  1188.                             }

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

  1190. 

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

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

  1193.                             }

  1194. 

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

  1196. 

  1197.                             $pagebarBtns.show();

  1198.                         }

  1199.                         else {

  1200.                             $pagebarBtns.hide();

  1201.                         }

  1202.                     }

  1203.                     $pagebarBtn.html(btnlist);

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

  1205. 

  1206.                 }

  1207.             }

  1208.             if (op.isMultiselect) {

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

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

  1211.                 }

  1212.                 else {

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

  1214.                 }

  1215.             }

  1216. 

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

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

  1219.             }

  1220.             else {

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

  1222.             }

  1223. 

  1224.             $self.show();

  1225.         },

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

  1227.             var lastCell = null;

  1228.             var rowdata = op.running.rowdata;

  1229.             bindex = bindex || 0;

  1230. 

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

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

  1233. 

  1234.             var _index = rowdata.length;

  1235.             var _top = _index * op.rowHeight;

  1236.             var _left = 0;

  1237.             var row = {};

  1238. 

  1239.             var $expendcell = null;

  1240.             if (op.isTree) {

  1241.                 _item._lrindex = _index;

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

  1243.                 row.childRows = _item.childRows;

  1244.                 row.jfdeep = deep;

  1245.                 _item = _item.data;

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

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

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

  1249.                 }

  1250.                 op.rowdatas[_index] = _item;

  1251. 

  1252.             } else {

  1253.                 row['jfgridRowData'] = _item;

  1254.             }

  1255. 

  1256.             // 序号

  1257.             row['jfnum'] = {

  1258.                 top: _top,

  1259.                 left: _left,

  1260.                 value: _index + 1,

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

  1262.             };

  1263.             if (op.isShowNum) {

  1264.                 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>');

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

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

  1267.                 _left += op.numRowWitdh;// 30

  1268.             }

  1269.             // 是否多选

  1270.             if (op.isMultiselect) {

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

  1272.                 row['jfcheck'] = {

  1273.                     top: _top,

  1274.                     left: _left,

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

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

  1277.                 };

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

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

  1280.                 }

  1281. 

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

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

  1284.                 _left += 60;

  1285.             }

  1286.             // 是否有子表选项

  1287.             if (op.isSubGrid) {

  1288.                 row['jfsubGrid'] = {

  1289.                     top: _top,

  1290.                     left: _left,

  1291.                     value: false,

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

  1293.                 };

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

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

  1296.                 _left += 60;

  1297.             }

  1298. 

  1299.             // 加载固定列数据

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

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

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

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

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

  1305.                     top: _top,

  1306.                     left: _left,

  1307.                     value: value,

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

  1309.                 };

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

  1311.                 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' });

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

  1313.                 _left += _width;

  1314. 

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

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

  1317.                 }

  1318. 

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

  1320.             });

  1321.             _left = 0;

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

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

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

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

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

  1327.                     top: _top,

  1328.                     left: _left,

  1329.                     value: value,

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

  1331.                 };

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

  1333.                 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' });

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

  1335.                 _left += _width;

  1336. 

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

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

  1339.                 }

  1340. 

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

  1342.             });

  1343. 

  1344.             rowdata.push(row);

  1345. 

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

  1347. 

  1348.             if (op.isAutoHeight) {

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

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

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

  1352.             }

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

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

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

  1356.                 }

  1357.                 else {

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

  1359.                 }

  1360.             }

  1361.         },

  1362.         updateRow: function (row, op) {

  1363.             var map = {};

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

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

  1366.             });

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

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

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

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

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

  1372.                     }

  1373.                 }

  1374.             });

  1375.         },

  1376.         // 后台数据加载 

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

  1378.             op.rowdatas = [];

  1379.             if (op.isPage) {

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

  1381.                 op.running.pageparam = op.running.pageparam || {

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

  1383.                     page: 1,                  // 当前页

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

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

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

  1387.                     total: 0                  // 总页数

  1388.                 };

  1389. 

  1390.                 op.running.pageparam.rows = op.rows;

  1391.                 op.running.pageparam.sidx = op.sidx;

  1392.                 op.running.pageparam.sord = op.sord;

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

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

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

  1396. 

  1397. 

  1398.                 op.param = op.param || {};

  1399.                 delete op.param['pagination'];

  1400.                 var _paramString = JSON.stringify(op.param);

  1401.                 if (op.running.paramString != _paramString) {

  1402.                     op.running.paramString = _paramString;

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

  1404.                 }

  1405. 

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

  1407. 

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

  1409.                     learun.loading(false);

  1410.                     if (data) {

  1411.                         op.rowdatas = data.rows;

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

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

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

  1415. 

  1416.                     }

  1417.                     else {

  1418.                         op.rowdatas = [];

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

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

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

  1422.                     }

  1423.                     op.onRenderBefore && op.onRenderBefore(op.rowdatas);

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

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

  1426.                 });

  1427.             } else {

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

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

  1430.                     learun.loading(false);

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

  1432.                     op.onRenderBefore && op.onRenderBefore(op.rowdatas);

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

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

  1435.                 });

  1436.             }

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

  1438.             op.running.rowSelected = undefined;

  1439.         },

  1440.         // 数据转换

  1441.         listTotree: function (data, op) {

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

  1443.             var resdata = [];

  1444.             var mapdata = {};

  1445.             var mIds = {};

  1446.             var pIds = {};

  1447.             data = data || [];

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

  1449.                 var item = data[i];

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

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

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

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

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

  1455.                 }

  1456.                 else {

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

  1458.                 }

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

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

  1461.                 }

  1462.             }

  1463.             for (var id in pIds) {

  1464.                 _fn(resdata, id);

  1465.             }

  1466.             function _fn(_data, vparentId) {

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

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

  1469.                     var _row = {

  1470.                         data: pdata[j],

  1471.                         childRows: []

  1472.                     }

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

  1474.                     _data.push(_row);

  1475.                 }

  1476.             }

  1477.             return resdata;

  1478.         },

  1479.         // 树形展开或关闭

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

  1481.             var _h = 0;

  1482.             var flag = false;

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

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

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

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

  1487. 

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

  1489.                 rowItem.lrClosedRows = {};

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

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

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

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

  1494.                             _h += op.rowHeight;

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

  1496. 

  1497. 

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

  1499.                         }

  1500.                     }

  1501.                     else {

  1502.                         flag = true;

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

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

  1505.                     }

  1506.                 }

  1507. 

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

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

  1510.             }

  1511.             else {// 展开

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

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

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

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

  1516.                             _h += op.rowHeight;

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

  1518.                         }

  1519.                     }

  1520.                     else {

  1521.                         flag = true;

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

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

  1524.                     }

  1525.                 }

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

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

  1528.             }

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

  1530.             op.running.rowSelected = null;

  1531.         },

  1532.         // 排序

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

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

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

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

  1537.                 var isup = true;

  1538.                 if (op.running.sorthead) {

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

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

  1541. 

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

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

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

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

  1546.                             isup = false;

  1547.                         }

  1548.                         else {

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

  1550.                             isup = true;

  1551.                         }

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

  1553.                     }

  1554.                     else {

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

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

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

  1558.                         isup = true;

  1559.                     }

  1560.                 }

  1561.                 else {

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

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

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

  1565. 

  1566.                     isup = true;

  1567.                 }

  1568.                 op.running.sorthead = head;

  1569.                 if (op.isPage) {

  1570.                     // 调用后台接口

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

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

  1573. 

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

  1575. 

  1576.                 }

  1577.                 else {

  1578.                     // js排序

  1579. 

  1580.                 }

  1581.             }

  1582.         },

  1583.         // 单击行

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

  1585.             var $cell = $et;

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

  1587.             if (!rownum) {

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

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

  1590.             }

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

  1592.             // 获取当前行数据

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

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

  1595. 

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

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

  1598.             var isEdit = false;

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

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

  1601.                     if (col.data.edit && col.$edit && col.data.edit.type != 'layer' && col.data.isRead != '1' && rowData.lrnotedit != '1') {

  1602.                         isEdit = true;

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

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

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

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

  1607. 

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

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

  1610. 

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

  1612. 

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

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

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

  1616.                                 var texttmp = rowData[colname]

  1617.                                 if (texttmp == null || texttmp == undefined) {

  1618.                                     texttmp = ''

  1619.                                 }

  1620.                                 $edit.val(texttmp);

  1621.                                 formatterCell(texttmp, col.data, rowData, rowItem[col.data.name], op);

  1622.                                 $edit.select();

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

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

  1625.                                     rowData[colname] = value;

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

  1627.                                     value = rowData[colname];

  1628.                                     $(this).val(value);

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

  1630. 

  1631.                                 });

  1632.                                 break;

  1633. 

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

  1635.                                 if (rowData[colname] == 0) {

  1636.                                     $edit.lrselectSet(rowData[colname]);

  1637.                                 }

  1638.                                 else {

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

  1640.                                 }

  1641. 

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

  1643.                                     var $this = $(this);

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

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

  1646. 

  1647.                                     rowData[colname] = value;

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

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

  1650.                                 });

  1651. 

  1652.                                 break;

  1653.                             case 'radio': // 单选

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

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

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

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

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

  1659.                                         rowData[colname] = value;

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

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

  1662.                                     }

  1663.                                 });

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

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

  1666.                                 }

  1667.                                 break;

  1668.                             case 'checkbox':       // 多选

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

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

  1671.                                 var _cbmap = {};

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

  1673.                                 _cbValue += '';

  1674.                                 rowData[colname] = _cbValue;

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

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

  1677.                                     _cbmap[_item] = '1';

  1678.                                 });

  1679. 

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

  1681.                                     var $this = $(this);

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

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

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

  1685.                                     }

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

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

  1688.                                     }

  1689.                                     $this = null;

  1690.                                 });

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

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

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

  1694.                                 }

  1695. 

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

  1697.                                     var $this = $(this);

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

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

  1700. 

  1701. 

  1702.                                     var _vmap = {};

  1703.                                     var v = [];

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

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

  1706.                                             _vmap[_item] = _index;

  1707.                                             v.push(_item);

  1708.                                         }

  1709.                                     });

  1710. 

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

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

  1713.                                             v.push(value);

  1714.                                         }

  1715.                                     }

  1716.                                     else {

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

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

  1719.                                         }

  1720.                                     }

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

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

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

  1724.                                 });

  1725.                                 break;

  1726.                             case 'datatime':       // 时间

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

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

  1729.                                 $edit.select();

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

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

  1732.                                     rowData[colname] = value;

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

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

  1735.                                 });

  1736.                                 break;

  1737.                             case 'layer':          // 弹层

  1738.                                 break;

  1739.                         }

  1740. 

  1741. 

  1742.                     }

  1743.                     return false;

  1744.                 }

  1745.             });

  1746. 

  1747.             if (!isEdit) {

  1748.                 if (op.isMultiselect) {

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

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

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

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

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

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

  1755. 

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

  1757.                             var _flag = false;

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

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

  1760.                                     _flag = true;

  1761.                                     return false;

  1762.                                 }

  1763.                             });

  1764.                             if (_flag) {

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

  1766.                             }

  1767.                             else {

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

  1769.                             }

  1770.                         }

  1771.                     }

  1772.                     else {

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

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

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

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

  1777. 

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

  1779.                             var _flag = false;

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

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

  1782.                                     _flag = true;

  1783.                                     return false;

  1784.                                 }

  1785.                             });

  1786. 

  1787.                             if (_flag) {

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

  1789.                             }

  1790.                             else {

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

  1792.                             }

  1793.                         }

  1794.                     }

  1795.                 }

  1796.                 else {

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

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

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

  1800.                     op.running.rowSelected = rowItem;

  1801.                 }

  1802.             }

  1803.             else {

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

  1805.                 op.running.rowSelected = null;

  1806.             }

  1807.         },

  1808.         // 选中所有行

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

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

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

  1812.             var ischecked = false;

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

  1814.                 ischecked = true;

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

  1816.             }

  1817.             else {

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

  1819.             }

  1820. 

  1821.             op.running.checkAlling = true;

  1822. 

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

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

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

  1826.                 }

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

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

  1829.                 }

  1830.             });

  1831.             op.running.checkAlling = false;

  1832.         },

  1833.         // 展开子表区域

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

  1835.             var $cell = $et;

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

  1837.             if (!rownum) {

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

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

  1840.             }

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

  1842.             // 获取当前行数据

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

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

  1845. 

  1846.             // 

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

  1848. 

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

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

  1851.             $left.hide();

  1852.             $right.hide();

  1853. 

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

  1855.             var height = $('#' + op.id + '_sub_' + (op.running.rowdata.length - 1)).height() + op.running.rowdata[op.running.rowdata.length - 1]['jfsubGrid'].top + op.rowHeight;

  1856. 

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

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

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

  1860.                 $sub.remove();

  1861. 

  1862. 

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

  1864.                 // 调整单元格位置

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

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

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

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

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

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

  1871.                         }

  1872.                     });

  1873.                     var _$subid = $('#' + op.id + '_sub_' + i);

  1874.                     if (_$subid.length > 0) {

  1875.                         _$subid.css({ top: item['jfsubGrid'].top + op.rowHeight });

  1876.                     }

  1877.                 }

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

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

  1880.             }

  1881.             else {

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

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

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

  1885.                 var subContentId = learun.newGuid();

  1886.                 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 });

  1887.                 // 调整单元格位置

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

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

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

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

  1892.                             _item.top += op.subGridHeight;

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

  1894.                         }

  1895.                     });

  1896.                     // 

  1897.                     var _$subid = $('#' + op.id + '_sub_' + i);

  1898.                     if (_$subid.length > 0) {

  1899.                         _$subid.css({ top: item['jfsubGrid'].top + op.rowHeight });

  1900.                     }

  1901.                 }

  1902.                 $left.append($sub);

  1903. 

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

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

  1906. 

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

  1908.             }

  1909. 

  1910. 

  1911.             $left.show();

  1912.             $right.show();

  1913.         },

  1914.         // 获取选中行

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

  1916.             var res = [];

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

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

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

  1920.                 }

  1921.             });

  1922.             return res;

  1923.         },

  1924.         // 上移

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

  1926.             if (index > 0) {

  1927.                 var flag = true;

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

  1929.                 if (op.isTree) {

  1930.                     flag = false;

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

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

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

  1934.                                 flag = true;

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

  1936.                                 op.rowdatas[i] = _item;

  1937.                                 break;

  1938.                             }

  1939.                         }

  1940.                     }

  1941.                 }

  1942.                 else {

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

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

  1945.                 }

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

  1947.                 return true;

  1948.             }

  1949.             return false;

  1950.         },

  1951.         // 下移

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

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

  1954.                 var flag = true;

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

  1956.                 if (op.isTree) {

  1957.                     flag = false;

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

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

  1960.                             break;

  1961.                         }

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

  1963.                             flag = true;

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

  1965.                             op.rowdatas[i] = _item;

  1966.                             break;

  1967.                         }

  1968.                     }

  1969.                 }

  1970.                 else {

  1971.                     op.rowdatas[index] = op.rowdatas[index + 1];

  1972.                     op.rowdatas[index + 1] = _item;

  1973.                 }

  1974. 

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

  1976.                 return true;

  1977.             }

  1978.             return false;

  1979.         },

  1980.         turnPage: function (e) {

  1981.             var $this = $(this);

  1982.             var $self = $('#' + $this.attr('id').replace('jfgrid_page_bar_num_', ''));

  1983.             var op = $self[0].dfop;

  1984. 

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

  1986.             var $et = $(et);

  1987.             if ($et.hasClass('pagebtn')) {

  1988.                 var page = parseInt($et.text());

  1989.                 if (page != op.running.pageparam.page) {

  1990.                     $this.find('.active').removeClass('active');

  1991.                     $et.addClass('active');

  1992.                     op.running.pageparam.page = page;

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

  1994.                 }

  1995.             }

  1996. 

  1997.         },

  1998.         turnPage2: function (e) {

  1999.             var $this = $(this);

  2000.             var op = e.data.op;

  2001.             var name = $this.text();

  2002.             var $pagenum = $('#jfgrid_page_bar_num_' + op.id);

  2003.             var page = parseInt($pagenum.find('.active').text());

  2004.             var falg = false;

  2005.             switch (name) {

  2006.                 case '首页':

  2007.                     if (page != 1) {

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

  2009.                         falg = true;

  2010.                     }

  2011.                     break;

  2012.                 case '上一页':

  2013.                     if (page > 1) {

  2014.                         op.running.pageparam.page = page - 1;

  2015.                         falg = true;

  2016.                     }

  2017.                     break;

  2018.                 case '下一页':

  2019.                     if (page < op.running.pageparam.total) {

  2020.                         op.running.pageparam.page = page + 1;

  2021.                         falg = true;

  2022.                     }

  2023.                     break;

  2024.                 case '尾页':

  2025.                     if (page != op.running.pageparam.total) {

  2026.                         op.running.pageparam.page = op.running.pageparam.total;

  2027.                         falg = true;

  2028.                     }

  2029.                     break;

  2030.                 case '跳转':

  2031.                     var text = $this.parents('#jfgrid_page_bar_nums_' + op.id).find('input').val();

  2032.                     if (!!text) {

  2033.                         var p = parseInt(text);

  2034.                         if (String(p) != 'NaN') {

  2035.                             if (p < 1) {

  2036.                                 p = 1;

  2037.                             }

  2038.                             if (p > op.running.pageparam.total) {

  2039.                                 p = op.running.pageparam.total;

  2040.                             }

  2041.                             op.running.pageparam.page = p;

  2042.                             falg = true;

  2043.                         }

  2044.                     }

  2045.                     break;

  2046.             }

  2047.             if (falg) {

  2048.                 _jfgrid.reload($('#' + op.id), op);

  2049.             }

  2050. 

  2051.         },

  2052. 

  2053.         // 打印处理

  2054.         print: function ($self) {

  2055.             var dfop = $self[0].dfop;

  2056.             var $table = $('<table border="1" style=""></table>');

  2057. 

  2058.             // 获取表头数据

  2059.             var thlist = [];

  2060.             function cTh(_data, _index) {

  2061.                 var res = _data.length;

  2062.                 $.each(_data, function (id, item) {

  2063.                     thlist[_index] = thlist[_index] || $('<tr></tr>');

  2064.                     var $th = $('<th>' + item.label + '</th>');

  2065.                     if (!!item.children && item.children.length > 0) {

  2066.                         var num = cTh(item.children, _index + 1);

  2067.                         res = res + num - 1;

  2068.                         $th.attr('colspan', num);

  2069.                     }

  2070.                     var _row = item.height / 28;

  2071.                     $th.attr('rowspan', _row);

  2072.                     $th.css('text-align', item.align);

  2073.                     thlist[_index].append($th);

  2074.                 });

  2075.                 return res;

  2076.             }

  2077. 

  2078.             cTh(dfop.headData, 0);

  2079.             $.each(thlist, function (id, item) {

  2080.                 $table.append(item);

  2081.             });

  2082. 

  2083.             $.each(dfop.rowdatas, function (index, item) {

  2084.                 var $tr = $('<tr></tr>');

  2085.                 $self.find('[rownum="' + dfop.id + '_' + index + '"]').each(function () {

  2086.                     var $cell = $(this);

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

  2088.                     if (!!colname && colname != 'jfgrid_num' && colname != 'jfgrid_multiselect' && colname != 'jfgrid_subGrid') {

  2089.                         var $td = $('<td>' + $cell.html() + '</td>');

  2090.                         $td.css('text-align', $cell.css('text-align'));

  2091.                         $tr.append($td);

  2092.                     }

  2093.                 });

  2094. 

  2095.                 $table.append($tr);

  2096.             });

  2097. 

  2098.             dfop = null;

  2099. 

  2100.             return $table;

  2101.         }

  2102.     };

  2103. 

  2104.     $.fn.jfGrid = function (op) {

  2105.         var $self = $(this);

  2106.         if (!$self[0] || $self[0].dfop) {

  2107.             return $self;

  2108.         }

  2109. 

  2110.         var id = $self.attr('id');

  2111.         if (id == null || id == undefined || id == '') {

  2112.             id = "jfgrid" + new Date().getTime();

  2113.             $self.attr('id', id);

  2114.         }

  2115. 

  2116.         var dfop = {

  2117.             url: '',                      // 数据服务地址

  2118.             param: {},                    // 请求参数

  2119.             rowdatas: [],                 // 列表数据

  2120. 

  2121.             headData: [],                 // 列数据

  2122. 

  2123.             isShowNum: true,              // 是否显示序号

  2124.             isMultiselect: false,         // 是否允许多选

  2125.             multiselectfield: '',         // 多选绑定字段

  2126. 

  2127.             isSubGrid: false,             // 是否有子表

  2128.             subGridExpanded: false,       // 子表展开后调用函数

  2129.             subGridHeight: 300,

  2130. 

  2131.             onSelectRow: false,           // 选中一行后回调函数

  2132.             dblclick: false,

  2133.             onRenderComplete: false,      // 表格加载完后调用

  2134.             onRenderBefore: false,         // 渲染表单前执行

  2135. 

  2136.             onAddRow: false,              // 添加一行数据后执行

  2137.             onMinusRow: false,            // 删除一行数据后执行

  2138.             beforeMinusRow: false,        // 删除一行数据前执行

  2139. 

  2140.             isPage: false,                // 是否分页默认是不分页（目前只支持服务端分页）

  2141.             rows: 30,

  2142.             sidx: '',

  2143.             sord: 'ASC',

  2144. 

  2145.             isTreeClose: false,            // 默认打开

  2146.             isTree: false,                // 是否树形显示（没有分页的情况下才支持） (只有在数据不多情况下才建议使用)

  2147.             mainId: 'id',                 // 关联的主键

  2148.             parentId: 'parentId',         // 树形关联字段

  2149. 

  2150. 

  2151.             isEdit: false,                // 是否允许增删行

  2152. 

  2153.             isAutoHeight: false,          // 自动适应表格高度

  2154.             height: 0,

  2155.             rowHeight: 28,                 // 行高

  2156.             numRowWitdh: 60                // 序号列宽度

  2157. 

  2158. 

  2159.         };

  2160.         if (!!op) {

  2161.             $.extend(dfop, op);

  2162.         }

  2163. 

  2164.         dfop.id = id;

  2165.         $self[0].dfop = dfop;

  2166.         dfop.running = {};

  2167. 

  2168. 

  2169.         if (dfop.isMultiselect) {

  2170.             for (var i = 0; i < 3; i++) {

  2171.                 var im = new Image();

  2172.                 im.src = imageurl + cb[i];

  2173.             }

  2174.         }

  2175. 

  2176.         _jfgrid.init($self, dfop);

  2177. 

  2178.         dfop = null;

  2179.         return $self;

  2180.     };

  2181. 

  2182.     $.fn.jfGridSet = function (name, data) {

  2183.         var $self = $(this);

  2184.         if (!$self[0]) {

  2185.             return null;

  2186.         }

  2187.         var dfop = $self[0].dfop;

  2188.         if (!dfop) {

  2189.             return null;

  2190.         }

  2191.         switch (name) {

  2192.             case 'reload': // 重新加载一边数据

  2193.                 if (data == undefined || data == null) {

  2194.                     _jfgrid.reload($self, dfop);

  2195.                 }

  2196.                 else {

  2197.                     data = data || dfop.param || {};

  2198.                     dfop.param = data.param || data;

  2199.                     _jfgrid.reload($self, dfop);

  2200.                 }

  2201.                 break;

  2202.             case 'reloadall'://重新加载所有数据

  2203.                 dfop.rows = 1000000;

  2204.                 data = data || dfop.param || {};

  2205.                 dfop.param = data.param || data;

  2206.                 dfop.running.pageparam.page = 1;

  2207.                 _jfgrid.reload($self, dfop);

  2208.                 break;

  2209.             case 'refresh':

  2210.                 break;

  2211.             case 'refreshdata':

  2212.                 if (data) {

  2213.                     dfop.rowdatas = data.rowdatas || data;

  2214.                 }

  2215. 

  2216.                 _jfgrid.dataRender($self, dfop, dfop.rowdatas);

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

  2218.                 dfop.running.rowSelected = undefined;

  2219.                 break;

  2220.             case 'addRow':

  2221.                 dfop.rowdatas.push(data || {});

  2222.                 _jfgrid.rowRender($self, dfop, data || {}, 0);

  2223.                 $self.find('#jfgrid_nodata_img_' + dfop.id).hide();

  2224.                 break;

  2225.             case 'removeRow':

  2226.                 $.each(dfop.rowdatas, function (_index, _item) {

  2227.                     if (dfop.mainId && data) {

  2228.                         if (_item[dfop.mainId] == data) {

  2229.                             dfop.rowdatas.splice(_index, 1);

  2230.                             return false;

  2231.                         }

  2232.                     }

  2233.                     else {

  2234.                         if (_item == dfop.running.rowSelected.jfgridRowData) {

  2235.                             dfop.rowdatas.splice(_index, 1);

  2236.                             return false;

  2237.                         }

  2238.                     }

  2239. 

  2240. 

  2241.                 });

  2242.                 var _$self = $self;

  2243.                 setTimeout(function () {

  2244.                     _jfgrid.dataRender(_$self, _$self[0].dfop, _$self[0].dfop.rowdatas, 0);

  2245.                     _$self = null;

  2246.                 }, 100);

  2247.                 break;

  2248.             case 'nocheck':

  2249.                 if (dfop.isMultiselect) {

  2250.                     $.each(dfop.running.rowdata, function (_index, _item) {

  2251.                         if (_item['jfgridRowData'][dfop.mainId] == data) {

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

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

  2254.                             }

  2255.                             return false;

  2256.                         }

  2257.                     });

  2258.                 }

  2259.                 break;

  2260.             case 'setcheck':

  2261.                 if (dfop.isMultiselect) {

  2262.                     $.each(dfop.running.rowdata, function (_index, _item) {

  2263.                         if (_item['jfgridRowData'][dfop.mainId] == data) {

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

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

  2266.                             }

  2267.                             return false;

  2268.                         }

  2269.                     });

  2270.                 }

  2271.                 break;

  2272.             case 'updateRow':

  2273.                 if (dfop.running.rowdata[data]) {

  2274.                     _jfgrid.updateRow(dfop.running.rowdata[data], dfop);

  2275.                 }

  2276.                 else if (dfop.running.rowSelected) {

  2277.                     _jfgrid.updateRow(dfop.running.rowSelected, dfop);

  2278.                 }

  2279. 

  2280.                 break;

  2281.             case 'moveUp':

  2282.                 return _jfgrid.moveUp($self, dfop, data);

  2283.                 break;

  2284.             case 'moveDown':

  2285.                 return _jfgrid.moveDown($self, dfop, data);

  2286.                 break;

  2287.         }

  2288.         dfop = null;

  2289.         $self = null;

  2290.     };

  2291. 

  2292.     $.fn.jfGridGet = function (name) {

  2293.         var $self = $(this);

  2294.         var op = $self[0].dfop;

  2295.         if (!op) {

  2296.             return null;

  2297.         }

  2298.         switch (name) {

  2299.             case 'rowdata':

  2300.                 if (op.isMultiselect) {

  2301.                     return _jfgrid.getCheckRow($self, op);

  2302.                 }

  2303.                 else {

  2304.                     if (op.running.rowSelected) {

  2305.                         if (op.running.rowdata[op.running.rowSelected.jfnum.value - 1] && op.running.rowSelected.jfgridRowData == op.running.rowdata[op.running.rowSelected.jfnum.value - 1].jfgridRowData) {

  2306.                             return op.running.rowSelected['jfgridRowData'];

  2307.                         }

  2308.                         else {

  2309.                             op.running.rowSelected = null;

  2310.                             return {};

  2311.                         }

  2312.                     }

  2313.                     else {

  2314.                         return {};

  2315.                     }

  2316.                 }

  2317.                 break;

  2318.             case 'rowdatas':

  2319.                 return op.rowdatas;

  2320.                 break;

  2321.             case 'rowdatasByArray':

  2322.                 break;

  2323.             case 'settingInfo':

  2324.                 return op;

  2325.                 break;

  2326.             case 'headData':

  2327.                 break;

  2328.             case 'showData':

  2329.                 var res = [];

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

  2331.                     var point = {};

  2332.                     $.each(_item, function (_jindex, _jitem) {

  2333.                         if (_jindex != 'jfgridRowData' && _jindex != 'jfnum' && _jindex != 'jfcheck' && _jindex != 'jfsubGrid') {

  2334.                             point[_jindex] = _jitem.text;

  2335.                         }

  2336.                     });

  2337. 

  2338.                     if (op.running.hideHead) {

  2339.                         $.each(op.running.hideHead, function (_hindex, _hitem) {

  2340.                             point[_hitem.name] = _item.jfgridRowData[_hitem.name];

  2341.                         });

  2342.                     }

  2343.                     res.push(point);

  2344.                 });

  2345. 

  2346.                 return res;

  2347.                 break;

  2348.         }

  2349.         op = null;

  2350.     };

  2351. 

  2352.     $.fn.jfGridValue = function (name) {

  2353.         var $self = $(this);

  2354.         var op = $self[0].dfop;

  2355.         if (!op) {

  2356.             return null;

  2357.         }

  2358.         if (op.isMultiselect) {

  2359.             var res = [];

  2360.             var list = _jfgrid.getCheckRow($self, op);

  2361.             $.each(list, function (_index, _item) {

  2362.                 res.push(_item[name]);

  2363.             });

  2364. 

  2365.             return String(res);

  2366.         }

  2367.         else {

  2368.             if (op.running.rowSelected) {

  2369.                 if (op.running.rowdata[op.running.rowSelected.jfnum.value - 1] && op.running.rowSelected.jfgridRowData == op.running.rowdata[op.running.rowSelected.jfnum.value - 1].jfgridRowData) {

  2370.                     return op.running.rowSelected['jfgridRowData'][name];

  2371.                 }

  2372.                 else {

  2373.                     op.running.rowSelected = null;

  2374.                     return '';

  2375.                 }

  2376. 

  2377.             }

  2378.             else {

  2379.                 return '';

  2380.             }

  2381.         }

  2382.     };

  2383. 

  2384.     // 打印处理

  2385.     $.fn.jfGridPrint = function () {

  2386.         var $self = $(this);

  2387.         return _jfgrid.print($self);

  2388.     }

  2389. })(window.jQuery, top.learun);