jQuery MiniUI

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

关于在tabs中的一个tab添加内容 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2012-11-30 16:39:00 |只看该作者 |倒序浏览
现在有如下代码:         

  1. <div id="nodeTabs" class="mini-tabs" activeindex="0" style="height: 100%; background-color: #ffffff;">
  2. <div title="基本信息">
  3. <table>
  4. <tr>
  5. <td style="padding: 3px 3px 3px 5px;">
  6. 当前节点名称:
  7. </td>
  8. <td>
  9. <input id="ID" name="ID" class="mini-hidden" />
  10. <input id="nodeText" class="mini-textbox" style="width: 280px;" />
  11. <a onclick="remove()" id="del" class="mini-button" style="width: 65px; float: right;
  12. margin-right: 20px;">删除</a> <a onclick="edit()" id="upd" class="mini-button"
  13. style="width: 65px; float: right; margin-right: 20px;">修改</a>
  14. </td>
  15. </tr>
  16. </table>

  17. </div>
  18. <div title="XX">
  19. 请先选择一个节点
  20. </div>
  21. <div title="YY">
  22. 请先选择一个节点
  23. </div>
  24. </div>
复制代码

现在想做的功能是点击一个节点,让<div title="XX">请先选择一个节点</div>这个tabs的里面内容自定义(就是输出一段话),也就是不会加载新页面(即不会用到tabs中的ur熟悉l),请问该如何实现?

Rank: 8Rank: 8

沙发
发表于 2012-11-30 17:14:13 |只看该作者
tabs的选项卡增加删除,请参考:http://www.miniui.com/demo/#src=tabs/tabs2.html

Rank: 1

板凳
发表于 2012-11-30 17:35:27 |只看该作者
factory 发表于 2012-11-30 17:14
tabs的选项卡增加删除,请参考:http://www.miniui.com/demo/#src=tabs/tabs2.html

原来已有的tab中的内容不能改变了吗?              用这个方法貌似不能改变tab中的内容  videoel = tabs.getTabBodyEl(videoTab);
                videoel.innerHTML = ptext;

Rank: 9Rank: 9Rank: 9

地板
发表于 2012-12-2 10:21:17 |只看该作者
示例:http://www.miniui.com/demo/#src=tabs/tabs.html
代码:
        var tabs = mini.get("tabs1");
        var el = tabs.getTabBodyEl(0);
        el.innerHTML = 'abc';

可以正常操作tabBodyEl内容。

Archiver|普加软件

GMT+8, 2024-11-25 00:57 , Processed in 1.038432 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部