zoukankan      html  css  js  c++  java
  • 雷林鹏分享:jQuery EasyUI 数据网格

      jQuery EasyUI 数据网格 - 合并单元格

      数据网格(datagrid)经常需要合并一些单元格。本教程将向您展示如何在数据网格(datagrid)中合并单元格。

      为了合并数据网格(datagrid)单元格,只需简单地调用 'mergeCells' 方法,并传入合并信息参数,告诉数据网格(datagrid)如何合并单元格。在所有合并的单元格中,除了第一个单元格,其它单元格在合并后被隐藏。

      创建数据网格(DataGrid)

      

      url="data/datagrid_data.json"

      singleSelect="true" iconCls="icon-save" rownumbers="true"

      idField="itemid" pagination="true">

      

      

      

      

      

      

      

      

      

      

      

      

      

      

      

      

      

      

    Product IDItem ID
    PriceAttributeStauts
    List PriceUnit Cost

      合并单元格

      当数据加载之后,我们合并数据网格(datagrid)中的一些单元格,所以放置下面的代码在 onLoadSuccess 回调函数中。

      $('#tt').datagrid({

      onLoadSuccess:function(){

      var merges = [{

      index:2,

      rowspan:2

      },{

      index:5,

      rowspan:2

      },{

      index:7,

      rowspan:2

      }];

      for(var i=0; i<merges.length; p="" i++)<="">

      $('#tt').datagrid('mergeCells',{

      index:merges[i].index,

      field:'productid',

      rowspan:merges[i].rowspan

      });

      }

      });

      下载 jQuery EasyUI 实例

      jeasyui-datagrid-datagrid13.zip

      本文转载自:w3cschool(编辑:雷林鹏 来源:网络 侵删)

  • 相关阅读:
    Windows使用SCHTASKS 命令执行定时任务
    window10设置定时任务
    uiautomator2+python自动化测试1-环境准备
    uiautomator2+python自动化测试2-查看app页面元素利器weditor
    APPIUM 自带的webdriveragent
    使用 mitmproxy + python 做拦截代理
    mitmproxy 实战
    深入学习mitmproxy
    将博客搬至CSDN
    CS231N Assignment5 图像分类练习
  • 原文地址:https://www.cnblogs.com/pengpeng1208/p/10736057.html
Copyright © 2011-2022 走看看