zoukankan      html  css  js  c++  java
  • JQuery EasyUI DataGrid动态合并单元格

    /**
            * EasyUI DataGrid根据字段动态合并单元格
            * @param fldList 要合并table的id
            * @param fldList 要合并的列,用逗号分隔(例如:"name,department,office");
            */
            function MergeCells(tableID, fldList) {
                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];
                        }
                        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;
                        }
                    }
                }
            }

    <table id="DataGrid" class="easyui-datagrid" fit="true" border="false" toolbar="#TBar" pagination="true"           data-options="autoRowHeight:false,pageSize:50,pageList: [10, 20, 30, 40, 50,100,5000],idField:'zhbid',sortName:'zhbbh', queryParams: { 'action': 'query'}           ,onLoadSuccess:function(data){ MergeCells('DataGrid','mkmch,zhbmch');},onDblClickRow: onClickRow"           rownumbers="true" singleSelect="true" url="../Source/Data/zhbdata.ashx?mxbs=MON">          <thead>              <tr>                  <th field="zhbid" hidden="true" sortable="true" width="100"  rowspan="2">指标ID</th>                 <th field="zhbbs" hidden="true" sortable="true" width="100" rowspan="2">指标ID</th>                 <th field="mxid" hidden="true" sortable="true" width="100" rowspan="2">模块ID</th>                 <th field="dwid" hidden="true" sortable="true" width="100" rowspan="2">单位ID</th>                 <th field="rq" hidden="true" sortable="true" width="100" rowspan="2">日期</th>

                    <th field="mkmch" sortable="true" width="80"  data-options="headalign:'center',align:'center'" rowspan="2">板 块</th>                 <th field="zhbmch" sortable="true" width="150"  data-options="headalign:'center'" rowspan="2">指标名称</th>                 <th field="dw" sortable="true" width="80"  data-options="headalign:'center'" rowspan="2">指标单位</th>                 <th field="shn_ljzh" sortable="true" width="80" data-options="headalign:'center',editor:{type:'numberbox',options:{precision:3}}" rowspan="2">上一年度<br />同期累计<br />完成值</th>                  <th field="bn_jh" sortable="true" width="80" data-options="headalign:'center'" rowspan="2">已下达年<br />计划</th>                  <th colspan="4">指标完成情况</th>                 <th field="mxmch" sortable="true" width="250" data-options="headalign:'center'" rowspan="2">基础数据</th>                  <th field="mxzh" sortable="true" width="80" data-options="headalign:'center',editor:{type:'numberbox',options:{precision:3}}" rowspan="2">基础数据<br />(本期)</th>                  <th field="beizhu" sortable="true" width="350"  data-options="headalign:'center'" rowspan="2">备 注</th>              </tr>             <tr>                 <th field="bq_zh" sortable="true" width="90"  data-options="headalign:'center'">本期完成值</th>                 <th field="bn_ljzh" sortable="true" width="90"  data-options="headalign:'center'">累计完成值</th>                 <th field="bn_ljtb" sortable="true" width="80"  data-options="headalign:'center'">同 比</th>                 <th field="bn_tb" sortable="true" width="80"  data-options="headalign:'center'">与计划比</th>             </tr>         </thead>      </table>

  • 相关阅读:
    JavaScript 复制变量的三种方法
    WIndows cmd command 指令总结
    Linux 指令总结
    如何在当前目录下打开Windows cmd?
    git使用笔记(四)错误报告 Git push rejected error: fatal: refusing to merge unrelated histories
    CentOS(Linux)
    CentOS(Linux)
    异常描述:hibernate懒加载中,用OpenSessionInViewFilter解决之后,同时对一个collection创建两个session访问导致异常(Illegal attempt to associate a collection with two open sessions)
    【转】hibernate懒加载的问题,failed to lazily initialize a collection of role
    JavaWeb项目里面的路径获取方法总结
  • 原文地址:https://www.cnblogs.com/yinchuan/p/5344258.html
Copyright © 2011-2022 走看看