jQuery MiniUI

标题: TAB 内容如何复制 [打印本页]

作者: 502995680 时间: 2017-5-22 17:06:24 标题: TAB 内容如何复制

如以下TABSA
<div id="TABSA" class="mini-tabs bg-toolbar" activeIndex="0"
style="width: 950px;height:180px;">
<div title="基本信息" name="tab1">
<form id="formcbrxx" method="post">
<table class="cxTab" cellpadding="22" cellspacing="15" border="0"
width="100%">
<tr>
      <td class="textR" >参保号:</td>

                                    </tr>
</table>
</form>
</div>
</div>
如以下TABSB
<div id="TABSB" class="mini-tabs bg-toolbar" activeIndex="0"
style="width: 950px;height:180px;">

</div>

想把TABSA里的tab1 的全部内容复制到TABSB 怎么弄

作者: hucq 时间: 2017-5-22 17:10:07

不太明白你的意思？

作者: 502995680 时间: 2017-5-22 17:21:38

hucq 发表于 2017-5-22 17:10
不太明白你的意思？

现在【TABSA 的tab1】，里面含有的内容是一个表格
我想要在 TABSB中动态增加一个tab，标题和内容都和【TABSA 的tab1】一样。
实现复制【TABSA 的tab1】到【TABSB 】中的效果

作者: felt 时间: 2017-5-22 17:23:11

只是复制html元素。

var tabs = mini.get("TABSA");
      var tab = tabs.getTab("tab1");
      var tabBodyEl = tabs.getTabBodyEl(tab);
      var el = tabBodyEl.innerHTML;

      var tabs2 = mini.get("TABSB");
      var newTab = {title:"newTab"};
      tabs2.addTab(newTab);
      tabs2.activeTab(newTab);
      var tab2BodyEl = tabs2.getTabBodyEl(newTab);
      tab2BodyEl.innerHTML = mini.clone(el);

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