jQuery MiniUI

标题: 怎么在点击左边菜单后，只在一个tab里打开页面？？ [打印本页]
作者: seseares    时间: 2014-9-16 17:55:40     标题: 怎么在点击左边菜单后，只在一个tab里打开页面？？

[attach]5171[/attach]

或者下面这样的也行


[attach]5172[/attach]
作者: felt    时间: 2014-9-17 09:38:38

http://www.miniui.com/demo/outlookmenu/outlookmenu.html
这个示例不就是只在一个iframe内展现的吗？
作者: seseares    时间: 2014-9-17 15:13:25

但我左边用的是竖型菜单呀。。。
作者: dforce    时间: 2014-9-17 15:29:53

seseares 发表于 2014-9-17 15:13
但我左边用的是竖型菜单呀。。。

一样的，左边改成tree就行
两个例子结合一下
作者: seseares    时间: 2014-9-17 17:04:11

我原代码里是这样的，我要改哪里呢 ？
  1.         <div region="west" title="我的功能" showheader="true" bodystyle="padding-left:1px;" width="230"
  2.             minwidth="100" maxwidth="350"><input type="button" value="刷新节点" onclick="refreshNode()"/>
  3.             <ul id="tree1" class="mini-tree" url="mainZ.aspx?method=LoadData" bodystyle="padding-left:1px;"
  4.                 width="218" minwidth="100" maxwidth="350" showtreeicon="true" textfield="MenuName"
  5.                 onbeforeload="onBeforeTreeLoad" ondrawnode="onDrawNode" idfield="MenuID" parentfield="ParentID"
  6.                 url="Url" resultastree="false" onnodeselect="onNodeSelect">
  7.             </ul>
  8.             <script type="text/javascript">
  9.                 function onBeforeTreeLoad(e) {

  11.                     var tree = e.sender;    //树控件
  12.                     var node = e.node;      //当前节点
  13.                     var params = e.params;  //参数对象

  15.                     //可以传递自定义的属性
  16.                     params.myField = "123"; //后台：request对象获取"myField"
  17.                 }

  19.                 function refreshNode() {
  20.                     var tree = mini.get("tree1");
  21.                     var node = tree.getSelectedNode();
  22.                     if (node) {
  23.                         tree.loadNode(node);
  24.                     }
  25.                 }

  27.                 function onDrawNode(e) {
  28.                     return;
  29.                     var tree = e.sender;
  30.                     var node = e.node;

  32.                     var hasChildren = tree.hasChildren(node);

  34.                     //所有子节点加上超链接
  35.                     if (hasChildren == false) {
  36.                         if (node.url != null) {
  37.                             e.nodeHtml = '<a href="' + node.url + '"  target="main">' + node.name + '</a>';
  38.                         }
  39.                     }

  41.                 }


  44.                 function showTab(node) {                    
  45.                     var tabs = mini.get("mainTabs");
  46.                     var id = "tab$" + node.MenuID;
  47.                     var tab = tabs.getTab(id);
  48.                     if (!tab) {
  49.                     tab = {};
  50.                     tab.name = id;
  51.                     tab.title = node.MenuName;
  52.                     tab.showCloseButton = true;

  54.                     //这里拼接了url，实际项目，应该从后台直接获得完整的url地址
  55.                     tab.url = node.url;

  57.                     tabs.addTab(tab);
  58.                     }
  59.                     tabs.activeTab(tab);
  60.                   
  61.                 }

  63.                 function onNodeSelect(e) {

  65.                     var node = e.node;
  66.                     var isLeaf = e.isLeaf;


  69.                     if (isLeaf) {
  70.                         showTab(node);
  71.                     }
  72.                 }
  73.             </script>
  74.         </div>
  75.        <div title="center" region="center" style="border: 0;">
  76.             <div id="mainTabs" class="mini-tabs" activeindex="-1" style="width: 100%; height: 100%;"
  77.                 onactivechanged="onTabsActiveChanged">
  78.                 <div title="DeskTop" style="background-color:">
  79.                     <iframe onload="onIFrameLoad()" src="DeskTop.aspx" id="mainframe" frameborder="0"
  80.                         name="main" style="width: 100%; height: 100%;" border="0"></iframe>
  81.                 </div>
  82.             </div>
  83.         </div>
复制代码
作者: dforce    时间: 2014-9-17 17:15:02

seseares 发表于 2014-9-17 17:04
我原代码里是这样的，我要改哪里呢 ？

function onNodeSelect(e){
     var iframe=document.getElementById("mainframe")
     iframe.src=e.node.url
}
作者: seseares    时间: 2014-9-17 17:19:00

dforce 发表于 2014-9-17 17:15
function onNodeSelect(e){
     var iframe=document.getElementById("mainframe")
     iframe.src=e.n ...

我把这段代码改了，没反应哦。。。
作者: seseares    时间: 2014-9-17 17:21:25

可以了可以了，谢谢！



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