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],     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');}



而在于当时的那份心情。可是旅行的彼时那刻我的心情一直是好的吗?

easyui动态表头 动态添加tabs

相关文章:

你感兴趣的文章:

标签云: