zoukankan      html  css  js  c++  java
  • easyui grid 增加合计行

     一、首先,easyui  grid 的 showfooter 属性设置为 true

    $aplgrid.datagrid({
                data: globalExpenseClaimForm.ExpenseClaimItemLists,
                title: "申请信息",
                 1140,
                singleSelect: false,
                showFooter: true,
    
    //其他代码
    });
    

      

    二、用于渲染的数据 有特定的格式

            (a)后台直接返回特定的格式

            如下所示:  

    {
    	"rows": [
    		{
    			"CreateDate": "24/07/2018",
    			"BillCode": "UN123",
    			"TotalPrice":30
    		}
    	],
    	"footer":[
    		{
    			"BillCode": "合计(元)",
    			"TotalPrice":0
    		}
    	]
    }
    

      (b)当后台返回的格式不符合预期的时候,

                     1)我们可以对获取的数据 进行 转化,最终成为需要的格式

                    如下:

            globalExpenseClaimForm.ExpenseClaimItemLists = {
                rows: globalExpenseClaimForm.ExpenseClaimItemList, footer: [{ AmountWithTax: null, InvoiceCode: "合计(元)"}]
            };
    

         2)再把该对象赋值 给easyui grid 的 data 属性

          如下:

     $aplgrid.datagrid({
                data: globalExpenseClaimForm.ExpenseClaimItemLists,
    
               //其他代码
    })
            
    

          3)在提交的时候,记得把之前的对象转过来

                               我之前是把获取的json 对象 新加 了一个符合格式的 属性

                                那在提交的时候就把这个属性删掉就可以了

                               如下:

    delete globalExpenseClaimForm.ExpenseClaimItemLists;
    

      

  • 相关阅读:
    Direct2D 变换
    DWrite 文字
    Windows基础窗体编程
    .net delegate(委托类型)
    详说new和overrid区别
    类与结构区别
    IIS的Gzip压缩
    ASP.NET 状态服务和session丢失问题解决方案
    Fiddler使用
    Castle系列教程(转)
  • 原文地址:https://www.cnblogs.com/yigexiaojiangshi/p/9580055.html
Copyright © 2011-2022 走看看