jQuery MiniUI

标题: 动态添加tab后再tab添加grid [打印本页]

作者: yao651305045 时间: 2017-11-22 09:30:40 标题: 动态添加tab后再tab添加grid

如题。我想实现在多选树那边选了几个节点后生成对应数量的tab，目前该功能实现了。然后想在生成的tab里面生成一个grid。要如何实现？感谢大神帮忙
目前的代码如下
      function getDetailData(){
var treeNodes = tree1.getCheckedNodes(false);
tabs.removeAll(null);//添加tab前先清除之前已经添加的tab
for(var i = 0 ;i < treeNodes.length;i++){
   //添加一个tab，设置tab名称
                     var tab = {title: treeNodes[i].text};
                     tab = tabs.addTab(tab);
                     //设置tab的内容(生成grid)

                     //使tab的活动状态处于第一个tab
                     if(i == 0){
                        tabs.activeTab(tab);
                     }
}
}

作者: dforce 时间: 2017-11-22 09:54:39

动态创建datagrid
var grid=new mini.DataGrid();
grid.set({
columns:...,
style:""
})
grid.render(dom) //渲染到dom元素，你这里可以是tab的body区域，var tabBodyEl=tabs.getTabBodyEl(tab);

作者: yao651305045 时间: 2017-11-22 10:18:41

dforce 发表于 2017-11-22 09:54
动态创建datagrid
var grid=new mini.DataGrid();
grid.set({

感谢大神，原先那个生成grid也写了。然后页面一直显示[Object，Object]，现在才看到是渲染的对象没写对

作者: yao651305045 时间: 2017-11-22 10:55:23

dforce 发表于 2017-11-22 09:54
动态创建datagrid
var grid=new mini.DataGrid();
grid.set({

询问下table能不能跟grid一样也动态绘制？如果可以要怎么做？我找了好一会没找到。谢谢

作者: dforce 时间: 2017-11-22 12:37:06

yao651305045 发表于 2017-11-22 10:55
询问下table能不能跟grid一样也动态绘制？如果可以要怎么做？我找了好一会没找到。谢谢 ...

你说的table是html的table？
我们只能操作MiniUI控件，table不是控件，只是元素，可以用js原生的方式生成，
document.createElement("table")

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)