JQuery EasyUI DataGrid动态合并单元格

来源：互联网发布：普通话转粤语软件编辑：程序博客网时间：2024/05/24 01:39

HTML代码：

<div id="index_tabs_lygl" class="easyui-layout" data-options="fit:true,border:false">  <div data-options="region:'center', border:false"><table id="test_datagrid_ssgl" data-options="onLoadSuccess:MergeCells"></table>  </div></div>

JavaScript 代码：

        /** * EasyUI DataGrid根据字段动态合并单元格 * @param fldList 要合并table的id * @param fldList 要合并的列,用逗号分隔(例如："name,department,office"); */function MergeCells(tableID,fldList) {var tableID = "test_datagrid_ssgl";var fldList = "gameTime";var Arr = fldList.split(",");var dg = $('#' + tableID);var fldName;var RowCount = dg.datagrid("getRows").length;var span;var PerValue = "";var CurValue = "";var length = Arr.length - 1;for (i = length; i >= 0; i--) {fldName = Arr[i];PerValue = "";span = 1;for (row = 0; row <= RowCount; row++) {if (row == RowCount) {CurValue = "";} else {CurValue = dg.datagrid("getRows")[row][fldName];console.info(CurValue);}if (PerValue == CurValue) {span += 1;} else {var index = row - span;dg.datagrid('mergeCells', {index : index,field : fldName,rowspan : span,colspan : null});span = 1;PerValue = CurValue;}}}}

0 0