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;
    

      

  • 相关阅读:
    淡入淡出js
    Comparable和Comparator的区别
    mybatis的动态sql详解
    mybatis动态sql之foreach
    mybatis的动态sql中collection与assoction
    Mybatis中#与$区别
    转JSONObject put,accumulate,element的区别
    Spring配置,JDBC数据源及事务
    销毁session
    IIS express 7.5 设置默认文档
  • 原文地址:https://www.cnblogs.com/yigexiaojiangshi/p/9580055.html
Copyright © 2011-2022 走看看