easyui动态表头 && 动态添加tabs
2015-06-09 13:05
567 查看
今天在实现一个业务的时候,需要根据后台业务数据生成多个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'); }
相关文章推荐
- 分析选项卡底部内凹圆角制作
- C#动态调整数组大小的方法
- 推荐10个2014年最佳的jQuery视频插件
- 从jsp发送动态图像
- 编程语言里的静态、动态、强类型、弱类型等概念介绍
- C#中事件的动态调用实现方法
- 基于jquery中children()与find()的区别介绍
- 了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
- jQuery+PHP实现动态数字展示特效
- JS动态修改iframe高度和宽度的方法
- JS实现文件动态顺序载入的方法
- JS动态显示表格上下frame的方法
- JavaScript动态修改背景颜色的方法
- JS动态修改表格cellPadding和cellSpacing的方法
- JQuery打造PHP的AJAX表单提交实例
- jquery easyui使用心得
- 初试jQuery EasyUI 使用介绍
- jQuery在页面加载时动态修改图片尺寸的方法
- 浅谈jQuery构造函数分析
- 在VS2008中使用jQuery智能感应的方法