easyui动力头 && 动态加入tabs

今天，在实现了业务时的，我们需要根据后台操作，以产生多个数据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],
     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');
}



版权声明：本文博主原创文章。博客，未经同意不得转载。