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(编辑:雷林鹏 来源:网络 侵删)

  • 相关阅读:
    Sass-unitless()函数
    Sass函数:unit()函数
    Sass函数:Introspection 函数 -type-of()
    Sass函数-值列表index
    Sass函数--列表函数append
    Sass函数-join()函数
    Sass函数:列表函数nth
    Sass函数:值列表函数length
    Sass函数:random()函数
    学习笔记77—Iphone集
  • 原文地址:https://www.cnblogs.com/pengpeng1208/p/10736057.html
Copyright © 2011-2022 走看看