怎么在点击左边菜单后，只在一个tab里打开页面？？

seseares

或者下面这样的也行

felt

http://www.miniui.com/demo/outlookmenu/outlookmenu.html
这个示例不就是只在一个iframe内展现的吗？

seseares

但我左边用的是竖型菜单呀。。。

dforce

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

一样的，左边改成tree就行
两个例子结合一下

seseares

我原代码里是这样的，我要改哪里呢 ？

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) {
   
10. 
    
11.                     var tree = e.sender;    //树控件
    
12.                     var node = e.node;      //当前节点
    
13.                     var params = e.params;  //参数对象
    
14. 
    
15.                     //可以传递自定义的属性
    
16.                     params.myField = "123"; //后台：request对象获取"myField"
    
17.                 }
    
18. 
    
19.                 function refreshNode() {
    
20.                     var tree = mini.get("tree1");
    
21.                     var node = tree.getSelectedNode();
    
22.                     if (node) {
    
23.                         tree.loadNode(node);
    
24.                     }
    
25.                 }
    
26. 
    
27.                 function onDrawNode(e) {
    
28.                     return;
    
29.                     var tree = e.sender;
    
30.                     var node = e.node;
    
31. 
    
32.                     var hasChildren = tree.hasChildren(node);
    
33. 
    
34.                     //所有子节点加上超链接
    
35.                     if (hasChildren == false) {
    
36.                         if (node.url != null) {
    
37.                             e.nodeHtml = '<a href="' + node.url + '"  target="main">' + node.name + '</a>';
    
38.                         }
    
39.                     }
    
40. 
    
41.                 }
    
42. 
    
43. 
    
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;
    
53. 
    
54.                     //这里拼接了url，实际项目，应该从后台直接获得完整的url地址
    
55.                     tab.url = node.url;
    
56. 
    
57.                     tabs.addTab(tab);
    
58.                     }
    
59.                     tabs.activeTab(tab);
    
60.                   
    
61.                 }
    
62. 
    
63.                 function onNodeSelect(e) {
    
64. 
    
65.                     var node = e.node;
    
66.                     var isLeaf = e.isLeaf;
    
67. 
    
68. 
    
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

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

function onNodeSelect(e){
     var iframe=document.getElementById("mainframe")
     iframe.src=e.node.url
}

seseares

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

我把这段代码改了，没反应哦。。。

seseares

可以了可以了，谢谢！