zoukankan      html  css  js  c++  java
  • EasyUI的DataGrid合击汇总页脚使用教程

    最近做订单处理,需要汇总订单明细的数量和金额,所以涉及到使用EasyUI的Datagrid组件的页脚汇总功能,先看了一下官方教程,如下:

    Tutorial » Displaying Summary Information in DataGrid's Footer

    In this tutorial, we will show you how to display the summary rows in the footer of datagrid.

    To display footer row, you should set the showFooter property to true and then prepare the footer rows that is defined in datagrid data. Below is the sample data:

    1. {"total":1,"rows":[{"id":1,"name":"Chai","price":18.00}],"footer":[{"name":"Total","price":18.00}]}

    Create DataGrid

    1. <tableid="tt"title="DataGrid"class="easyui-datagrid"style="400px;height:250px"
    2. url="data/datagrid17_data.json"
    3. fitColumns="true"rownumbers="true"showFooter="true">
    4. <thead>
    5. <tr>
    6. <thfield="name"width="80">Product Name</th>
    7. <thfield="price"width="40"align="right">Unit Price</th>
    8. </tr>
    9. </thead>
    10. </table>

    The footer rows are same as body rows, so you can display more than one summary information on footer.

    Download the EasyUI example:

    上面的教程不用多说,大家可以看一下,重点是再Json数据的格式问题上,需要加入footer的数组记住是数组,并且数组的列要和你datagrid中的列名一致,需要汇总的列有值,其他列可以不赋值
    我的服务器端代码如下:
    [csharp]
    public Dictionary getOrderList(string ordercode)
    {
    Dictionary result=new Dictionary();
    if (String.IsNullOrEmpty(ordercode))
    {
    result.Add("total",1);
    result.Add("rows", new BuyOrderList());
    result.Add("footer", new { Goods_Name = "合计", Buy_Number = 0, Order_Amount=0 });
    return result;
    }
    else
    {
    List datas = new BusinessLogic().Select(new BuyOrderList() { Order_Code = ordercode });
    result.Add("total", datas.Count);
    result.Add("rows", datas);
    List footer=new List();
    footer.Add(new BuyOrderList(){Identifier=-2,Goods_Name="合计:",Buy_Number=datas.Sum(m =&gt; m.Buy_Number),Order_Amount=datas.Sum(m =&gt; m.Order_Amount)});
    result.Add("footer",footer);
    return result;
    }
    }
    [/csharp]
  • 相关阅读:
    GitHub统计
    不错的第三方控件
    仿射变换(CGAffineTransform)使用小结
    AffineTransform(仿射变换)
    使用CAShapeLayer实现复杂的View的遮罩效果
    使用CAShapeLayer实现一个音量大小动态改变的控件
    window10 Docker仓库访问
    postgresql从timestamp(6)复制到timestamp(0),时间会变
    在编译Dll文件的时候遇到dll 链接不一致的问题
    qtquery 取列的值
  • 原文地址:https://www.cnblogs.com/mikel/p/2267673.html
Copyright © 2011-2022 走看看