jQuery MiniUI

 找回密码
 立即注册
查看: 2809|回复: 3
打印 上一主题 下一主题

TAB 内容如何复制 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2017-5-22 17:06:24 |只看该作者 |倒序浏览
如以下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 怎么弄

Rank: 1

沙发
发表于 2017-5-22 17:10:07 |只看该作者
不太明白你的意思?

Rank: 3Rank: 3

板凳
发表于 2017-5-22 17:21:38 |只看该作者
hucq 发表于 2017-5-22 17:10
不太明白你的意思?

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

Rank: 8Rank: 8

地板
发表于 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);

Archiver|普加软件

GMT+8, 2025-5-13 05:40 , Processed in 1.043219 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部