zoukankan      html  css  js  c++  java
  • easyui datagrid 多表头设置

    最近在做二维报表,要求报表的表头自定义。在网上找了好久二维报表的插件,一直找不到合适的。后来就用easyui 中的datagrid替代了一下。

     

      根据实际需求,统计的信息可能不是一个模块中的字段信息,所以需要把模块和模块下的字段都显示出来,这就用到了表格中的合并单元格,但是在datagrid中如何实现呢? 如下:

      

    [javascript] view plaincopyprint?
    1. $('#text').datagrid({    
    2.     border : 2,  
    3.     nowrap : false,  
    4.     fit : true,  
    5.         url: '<%=request.getContextPath()%>/report/showreport.action',  
    6.         frozenColumns: [[    
    7.                              { title: '区域名称', field: 'regionname',  80, sortable: true}    
    8.                          ]],   
    9.         columns: [  
    10.         [{"title":"人员管理","colspan":3},  
    11.          {"title":"资料管理","colspan":3}],  
    12.         [{"field":"uname0","title":"姓名类似于李","rowspan":1},  
    13.          {"field":"config_gender1","title":"性别等于女","rowspan":1},  
    14.          {"field":"config_gender2","title":"性别等于男","rowspan":1},  
    15.          {"field":"config_datatype0","title":"资料类别等于视频资料","rowspan":1},  
    16.          {"field":"config_datatype1","title":"资料类别等于图片资料","rowspan":1},  
    17.          {"field":"config_datatype2","title":"资料类别等于文件资料","rowspan":1}]],    
    18.         rownumbers: true   
    19. });  

     

    结果如下图:



     

    说明:从代码中可以看到,表单数组中有两个数组(一般的表格都是有一个数组), 第一个数组就是表头中第一行,该数组对象中没有field属性,第二个数组就是表头第二行。返回的数据格式中字段以第二个数组中的field属性的值为key。格式如下:

     

    1. [{"regionname":" 区域 1","uname0":278,"config_gender1":1516,"config_gender2":2522,"config_datatype0":19,"config_datatype1":538,"config_datatype2":525}]  
    2. 原文出自:http://blog.csdn.net/lishuangzhe7047/article/details/42743895
  • 相关阅读:
    UIApplication直接应用
    iOS开发之苹果开发者账号注册申请流程
    iOS开发之蓝牙使用-建立连接的
    Swift3.0 UICollectionView简单使用
    CSS网页菜单
    c#qq发邮件
    多文档界面的实现(DotNetBar的superTabControl)
    CE修改器:外挂制作高级技巧
    MariaDB 库的基本操作
    Python-使用PyQT生成图形界面
  • 原文地址:https://www.cnblogs.com/challengeof/p/4281868.html
Copyright © 2011-2022 走看看