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>

  • 相关阅读:
    mysql 历史版本下载
    mysql 5.7 版本 You must reset your password using ALTER USER statement before executing this statement报错处理
    5.7 zip 版本的安装 以及遇到的坑
    mysql 5.6zip版本的卸载与5.7 zip 版本的安装
    mysql数据库的备份与还原
    本地Navicat连接docker里的mysql
    docker修改数据库密码
    docker 在push镜像到本地registry出现的500 Internal Server Error
    linux 没有界面内容显示不全解决办法
    json与map互相转换
  • 原文地址:https://www.cnblogs.com/yinchuan/p/5344258.html
Copyright © 2011-2022 走看看