jQuery MiniUI

标题: 动态添加选项卡（tab）不能自动加载 tab的内容页面 [打印本页]

作者: xiaoxin 时间: 2012-8-22 17:32:38 标题: 动态添加选项卡（tab）不能自动加载 tab的内容页面

本帖最后由 xiaoxin 于 2012-8-22 17:35 编辑

<script type="text/javascript">
   mini.parse();

   function showTab(node) {
      var tabs = mini.get("mainTabs");

      var urls = "";

      var id = "tab$" + node.id;
      var tab = tabs.getTab(id);
      if (!tab) {
         tab = {};
         tab.name = id;
         tab.title = node.text;
         tab.showCloseButton = true;
         $.post("Home/addUrl?idPage=" + node.id, function (data) {
               urls = data;
         });
         //这里拼接了url，实际项目，应该从后台直接获得完整的url地址
         tab.url = urls; //地址是：Home/test
         tabs.addTab(tab);
         //reloadTab(tab)
      }
      tabs.activeTab(tab);
   }

   function onNodeSelect(e) {
      var node = e.node;
      var isLeaf = e.isLeaf;

      if (isLeaf) {
         showTab(node);
      }
   }

   function onClick(e) {
      var text = this.getText();
      alert(text);
   }
</script>

作者: niko 时间: 2012-8-23 08:20:57

你先参考示例：http://www.miniui.com/demo/outlooktree/outlooktree.html
在此示例正常运行的基础上，一点点修改达到你的目的。

作者: xiaoxin 时间: 2012-8-23 16:55:16

niko 发表于 2012-8-23 08:20
你先参考示例：http://www.miniui.com/demo/outlooktree/outlooktree.html
在此示例正常运行的基础上，一点 ...

我用的是 .netMVC 地址动态地址，第一创建tab的时候 tab内容不加载但是创建tab 第二点击的时候才加载tab内容

作者: factory 时间: 2012-8-23 17:24:49

xiaoxin 发表于 2012-8-23 16:55
我用的是 .netMVC 地址动态地址，第一创建tab的时候 tab内容不加载但是创建tab 第二点击的时候才加 ...

你有没有设置activeIndex,让你默认的那个处于选中状态

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