zoukankan      html  css  js  c++  java
  • easyUI的汇总列,在前端生成

    1、easyUI初始化,启用汇总列,showFooter:true

    2、后台json有默认的footer的值

    {"total":28,"rows":[
        {"productid":"FI-SW-01","unitcost":10.00,"status":"P","listprice":36.50,"attr1":"Large","itemid":"EST-1"},
        {"productid":"K9-DL-01","unitcost":12.00,"status":"P","listprice":18.50,"attr1":"Spotted Adult Female","itemid":"EST-10"},
        {"productid":"RP-SN-01","unitcost":12.00,"status":"P","listprice":28.50,"attr1":"Venomless","itemid":"EST-11"},
        {"productid":"RP-SN-01","unitcost":12.00,"status":"P","listprice":26.50,"attr1":"Rattleless","itemid":"EST-12"},
        {"productid":"RP-LI-02","unitcost":12.00,"status":"P","listprice":35.50,"attr1":"Green Adult","itemid":"EST-13"},
        {"productid":"FL-DSH-01","unitcost":12.00,"status":"P","listprice":158.50,"attr1":"Tailless","itemid":"EST-14"},
        {"productid":"FL-DSH-01","unitcost":12.00,"status":"P","listprice":83.50,"attr1":"With tail","itemid":"EST-15"},
        {"productid":"FL-DLH-02","unitcost":12.00,"status":"P","listprice":63.50,"attr1":"Adult Female","itemid":"EST-16"},
        {"productid":"FL-DLH-02","unitcost":12.00,"status":"P","listprice":89.50,"attr1":"Adult Male","itemid":"EST-17"},
        {"productid":"AV-CB-01","unitcost":92.00,"status":"P","listprice":63.50,"attr1":"Adult Male","itemid":"EST-18"}
    ],"footer":[{"unitcost":合计,"listprice":0}]}

    3、前台获取footer的值,然后修改,再刷新

     onLoadSuccess: function (data) {//表单加载完后再加载此方法
                    sumline(data);
                }
    //汇总列
            function sumline(data) {
                // var rows = $('#dg').datagrid('getRows')//获取当前的数据行
                var ptotal = 0//
                for (var i = 0; i < data.rows.length; i++) {
                    ptotal += parseInt(data.rows[i].listprice);
                }
                //新增一行显示统计信息
                //$('#list').datagrid('appendRow', { strLearningDutyName: '<b>合计:</b>', trainingNum: ptotal, strTrainingTimes: utotal });
                var rows = $('#list').datagrid('getFooterRows');
                rows[0]["listprice"] = ptotal;
                $('#list').datagrid('reloadFooter');
            }
  • 相关阅读:
    009---绑定方法与非绑定方法
    008---封装
    007---多态与多态性
    17.出现fatal signal(SIGSEGV),code 1,fault addr 0x0 in tid 29931的问题
    18.让sublime text3支持Vue语法高亮显示
    PNPoly算法代码例子,判断一个点是否在多边形里面
    5.如何调节ubuntu的分辨率
    4.ubuntu实现linux与windows的互相复制与粘贴
    16.遇到就jar mismatch! Fix your dependencies的问题
    15.遇到window leaked的解决方法
  • 原文地址:https://www.cnblogs.com/hongmaju/p/7521453.html
Copyright © 2011-2022 走看看