今天,在实现了业务时的,我们需要根据后台操作,以产生多个数据tab页,而且每一个tab页表格根据需要动态生成的标题数据。
返回后台数据格例如,下面的公式:
实现方法例如以下:
//$("#compareResWin")//弹窗
//$('#compareResTabs')//弹窗内的tab页面
success: function(result) {
if(result.length==0){
alert('无比对结果');
}else{
$("#compareResWin").window('open');//弹窗须要先打开。不然表格内容初始化不出来。
//循环创建tab
for(var i=0;i<result.length;i++){
var oneScene = result[i];
var content = '<div title="'+oneScene.scene_name+'" style="padding: 10px"><table id="dg'+i+'"></table></div>';
$('#compareResTabs').tabs('add',{
title : oneScene.scene_name,
content:content
});
var header = oneScene.header;
var columns = [];
for(var j=0;j<header.length;j++){
columns.push({
field:header[j],
title:header[j],
width:100,
align:'center'
});
}
$('#dg'+i).datagrid({columns : [columns]});
$('#dg'+i).datagrid('loadData',oneScene.data);
//$.parser.parse('compareResTabs'+i);
//$.parser.parse('#dg'+i);
}
}
parent.$.messager.progress('close');
}
版权声明:本文博主原创文章。博客,未经同意不得转载。