easyui双击弹框后在新的datagrid中加合计列

来源:互联网 发布:知乎 日本整容 编辑:程序博客网 时间:2024/05/19 02:29

其实easyui中添加合计列的例子很多了,但是我这几遇到的问题是双击之后出现的弹框,是根据父表信息查询的数据,所以在进行合计的时候,往往出现了数据,但是却没有显示在showFooter,因为在拿到数据之后,自动给刷新了,所以要对此进行二次刷新,以下就是详细的代码演示:

no.1对父表进行加载

no.2将父表的一些信息放到子表上

no.3加载子表,并根据要求查询出子表信息

no.4重新加载子表,并添加合计列

var payjee;
$("#wyfeeGrid").datagrid({
onDblClickRow:function(index,row){
var billType = row.billType;
var printTimes = row.printTimes;
var printTime = row.printTime;
var printer = row.printer;
var orderNum = row.orderNum;
var date=new Date(printTime);//由于设计的时候printTime是用的date类型,所以在这里对其进行转换
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
   var hour = date.getHours().toString();
   var minutes = date.getMinutes().toString();
   var seconds = date.getSeconds().toString();
   if (hour < 10) {
       hour = "0" + hour;
   }
   if (minutes < 10) {
       minutes = "0" + minutes;
   }
   if (seconds < 10) {
       seconds = "0" + seconds;
   }
date = y + '-' + (m < 10 ? ('0' + m) : m) + '-' + (d < 10 ? ('0' + d) : d) + " " + hour + ":" + minutes + ":" + seconds;
$('#billTypeId').text(billType);//将父表中取到的信息放到子表的页面上
$('#printTimesId').text(printTimes);
$('#printTimeId').text(date);
$('#ptinterId').text(printer);
$('#orderNumId').text(orderNum);
var orderNum = row.orderNum;
var wyfeeDetailGrid = GridE.init($("#wyfeeDetailGrid"),{
url : DOMAIN_URL + "/wyfeeDetail/getWyfeeDetailVoByOrderNum.do?orderNum="+orderNum,
isField : "id",
pagination:false,
pageNumber:1,
showFooter:true,
});
payjee=row.payAmount;
var title = "缴费明细表";
$('#detailDlg').dialog('open').dialog('setTitle',title);

},
});
$("#wyfeeDetailGrid").datagrid({
onLoadSuccess(){
 $('#wyfeeDetailGrid').datagrid('appendRow',{
 accountSub: '<span class="subtotal">合计</span>',
 payAmount:'<span class="subtotal">' + payjee+ '</span>',   //这里由于是直接从父表拿到已经计算好了的数据,所以没有对其进行计算
}); 
}
});
});



阅读全文
1 0
原创粉丝点击