jQuery MiniUI

标题: 页面布局中outlooktree打开后，内容显示无法默认指定页面， [打印本页]
作者: joehjs    时间: 2013-11-8 16:54:29     标题: 页面布局中outlooktree打开后，内容显示无法默认指定页面，

本帖最后由 joehjs 于 2013-11-8 16:58 编辑

请问页面布局中outlooktree打开后，内容显示无法默认指定页面，怎样修改，谢谢[attach]3163[/attach]

作者: felt    时间: 2013-11-10 12:34:17

你tab的url地址正确吗？
作者: joehjs    时间: 2013-11-11 13:15:38

felt 发表于 2013-11-10 12:34
你tab的url地址正确吗？

地址没有问题，点击tab，他就正常了。但是刷新一下就恢复成原来的
作者: factory    时间: 2013-11-11 13:24:46

joehjs 发表于 2013-11-11 13:15
地址没有问题，点击tab，他就正常了。但是刷新一下就恢复成原来的

我看你的图片,都没有激活tab项啊,
tabs.activeTab(tab)
作者: felt    时间: 2013-11-11 13:25:31

你tabs的activeTab没设置首页那个tab吧？
activeTab="0"这样试试。
作者: joehjs    时间: 2013-11-11 13:31:32

felt 发表于 2013-11-11 13:25
你tabs的activeTab没设置首页那个tab吧？
activeTab="0"这样试试。
  1. <div title="首页" url="data/overview.html" >   // 这里设置？
复制代码
作者: felt    时间: 2013-11-11 13:32:47

<div id="mainTabs" class="mini-tabs" activeIndex="0" 。。。
tabs上，不是tab上
作者: joehjs    时间: 2013-11-11 13:37:19

felt 发表于 2013-11-11 13:32

ok了.谢谢版主老大。
另外这个tabs能不能限制显示个数，如最都只能显示5个，以后打开都在第5个进行切换。
作者: factory    时间: 2013-11-11 13:46:25

joehjs 发表于 2013-11-11 13:37
ok了.谢谢版主老大。
另外这个tabs能不能限制显示个数，如最都只能显示5个，以后打开都在第5个进行切换。 ...

var  tabs = tabs.getTabs();

把tabs都获取出来,是个数组,判断他的length
如果>=5 ,就不给增加了
var tab  = tabs.getTab(4)  //获取第5个tab
tabs.updateTab(tab,{url:.....})//替换他的url,重新载入新页面
作者: joehjs    时间: 2013-11-11 15:12:49

factory 发表于 2013-11-11 13:46
var  tabs = tabs.getTabs();

把tabs都获取出来,是个数组,判断他的length
  1. function showTab(node) {
  2.             var tabs = mini.get("mainTabs");

  4.             var id = "tab$" + node.id;
  5.             var tab = tabs.getTab(id);
  6.             if (!tab) {
  7.                 tab = {};
  8.                 tab._nodeid = node.id;
  9.                 tab.name = id;
  10.                 tab.title = node.text;
  11.                 tab.showCloseButton = true;

  13.                
  14.                 tab.url = node.url;

  16.                 tabs.addTab(tab);
  17.             }
  18.             tabs.activeTab(tab);
  19.         }
复制代码
是加在这里面，还是哪里，怎么写
作者: felt    时间: 2013-11-11 15:38:54

  1. function showTab(node) {
  2.              var tabs = mini.get("mainTabs");
  3.              var t = tabs.getTabs().length;
  4.               if( t < 5){
  5.                      var id = "tab$" + node.id;
  6.                      var tab = tabs.getTab(id);
  7.                      if (!tab) {
  8.                              tab = {};
  9.                              tab._nodeid = node.id;
  10.                              tab.name = id;
  11.                              tab.title = node.text;
  12.                              tab.showCloseButton = true;

  14.                 //这里拼接了url，实际项目，应该从后台直接获得完整的url地址
  15.                              tab.url = mini_JSPath + "../../docs/api/" + node.id + ".html";

  17.                              tabs.addTab(tab);
  18.                        }
  19.                        tabs.activeTab(tab);
  20.                }else {
  21.                       var tab=tabs.getTab(4);
  22.                        tabs.activeTab(tab);
  23.                        var url=mini_JSPath + "../../docs/api/" + node.id + ".html";
  24.                        tabs.loadTab(url,tab)
  25.                        tabs.updateTab(tab,{title:node.text})
  26.                         }
  27.         }
复制代码
大概的代码就这样子了，你试试。
作者: joehjs    时间: 2013-11-11 16:26:09

felt 发表于 2013-11-11 15:38
大概的代码就这样子了，你试试。

还是有问题的，就是前面已经显示的tab，后面在左边链接点击，不切换回去，还是第五个显示。
作者: felt    时间: 2013-11-11 16:31:59

是大概的代码。。
你在外面再加层判断好了。。。。
作者: joehjs    时间: 2013-11-11 17:59:41

felt 发表于 2013-11-11 16:31
是大概的代码。。
你在外面再加层判断好了。。。。

谢谢了，版主。正确代码如下：
  1. function showTab(node) {
  2.              var tabs = mini.get("mainTabs");
  3.              var t = tabs.getTabs().length;
  4.                          var id = "tab$" + node.id;
  5.              var tab = tabs.getTab(id);
  6.                                 if(!tab){
  7.                                         if( t < 7 ){
  8.                         tab = {};
  9.                         tab._nodeid = node.id;
  10.                         tab.name = id;
  11.                         tab.title = node.text;
  12.                         tab.showCloseButton = true;
  13.                                             tab.url = node.url;
  14.                         tabs.addTab(tab);
  15.                       }
  16.                      else{
  17.                         tab=tabs.getTab(t-1);
  18.                         tab._nodeid = node.id;
  19.                         tab.name = id;
  20.                         tab.title = node.text;
  21.                         tab.showCloseButton = true;
  22.                                             url = node.url;
  23.                                             tabs.loadTab(url,tab);
  24.                         tabs.updateTab(tab);
  25.                      }
  26.                                   }
  27.                                            tabs.activeTab(tab);       
  28. }
复制代码




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2