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


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

最新文章

  1. HDU 2202 计算几何
  2. Android getevent
  3. Lingo 做线性规划 - Revenue Management
  4. Java源码初学_HashSet&amp;LinkedHashSet
  5. oracle 分析函数(笔记)
  6. 请实现一个函数用来找出字符流中第一个只出现一次的字符。例如,当从字符流中只读出前两个字符&quot;go&quot;时,第一个只出现一次的字符是&quot;g&quot;。当从该字符流中读出前六个字符“google&quot;时,第一个只出现一次的字符是&quot;l&quot;。
  7. [cocoapods]cocoapods问题解决
  8. Erlang入门(三)——分布式编程
  9. bzoj1823
  10. Remove Duplicates from Sorted List II 解答
  11. python爬虫从入门到放弃(八)之 Selenium库的使用
  12. Python——使用高德API获取POI(以深圳南山医疗保健服务POI为例)
  13. Hibernate框架笔记01_环境搭建_API_CRUD
  14. php curl 上传json数据
  15. vue-router的history模式发布配置
  16. Centos不能上外网解决
  17. Zookeeper应用之——选举(Election)
  18. jQuery图片无缝轮播
  19. FLEX外包团队:Flex例子DEMO源码
  20. (sealed)密封类及密封方法优缺点

热门文章

  1. 用代码定位硬盘上的文件(使用ShellExecute执行explorer /select命令,其它参数也很全)
  2. 深入 CSocket 编程之阻塞和非阻塞模式
  3. 解决CentOS无法显示中文字体 | 系统运维 | Web2.0
  4. listview改变选中行字体颜色
  5. &lt;Win32_17&gt;集音频和视频播放功能于一身的简易播放器
  6. ZooKeeper安装与运行
  7. Java时间比較
  8. IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题
  9. Linux中进行挂起(待机)的命令说明
  10. hdu3001(状压dp)