码迷,mamicode.com
首页 > 其他好文 > 详细

easyui grid 增加合计行

时间:2018-09-03 19:28:30      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:row   LLC   created   tle   exp   lob   span   delete   footer   

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

 

$aplgrid.datagrid({
            data: globalExpenseClaimForm.ExpenseClaimItemLists,
            title: "申请信息",
            width: 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;

  

easyui grid 增加合计行

标签:row   LLC   created   tle   exp   lob   span   delete   footer   

原文地址:https://www.cnblogs.com/yigexiaojiangshi/p/9580055.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!