.NET 菜单如何链接到指定的框架

这2天我看了网络上很多关于这方面的资料，很多都是抄人家的，要不就是没图说个jiba，要不就是没有说到重点，浪费大家的时间，今天我把我的心得给大家分享下，希望对大家有所帮助。

一、首先，你需要简历一个框架集（frame set），这就包括了几个部分，包括：index_frame、frame_top、frame_left、mainFrame、以及一个折叠的特效；

我的文件目录如下：

各部分代码如下：

frame_center.html:

 3  <head>
 4     <meta http-equiv="Content-Type" content="text/html;  charset=gb2312" />
 5     <title></title>
 6     <script type="text/javascript">
 7     function hiddeFrame()
 8    {
 9      parent.document.getElementById("mainContentFrame").cols="0,7,*";
10      document.getElementById("hiddeFrame").style.display="none";
11      document.getElementById("OpenFrame").style.display="";
12    }
13
14     function OpenFrame()
15    {
16      parent.document.getElementById("mainContentFrame").cols="209,7,*";
17      document.getElementById("hiddeFrame").style.display="";
18      document.getElementById("OpenFrame").style.display="none";
19    }
20    </script>
21  </head>
22
23  <body style="background:#c8d6f0; margin:0px">
24   <table cellpadding="0" cellspacing="0" border="0">
25      <tr>
26         <td height="400px" valign="middle">
27          <img src="Images/MP-frame_menu/Displayonmouse_none.gif" alt="关闭左侧菜单" id="hiddeFrame" onclick="hiddeFrame();"                        onmouseover="this.src=‘Images/MP-frame_menu/Display_none.gif‘"                       onmouseout="this.src=‘Images/MP-frame_menu/Displayonmouse_none.gif‘"                       style="cursor:pointer;" />
28          <img src="Images/MP-frame_menu/Displayonmouse.gif"  alt="打开左侧菜单" id="OpenFrame" onclick="OpenFrame();"                        onmouseover="this.src=‘Images/MP-frame_menu/Display.gif‘"

                      onmouseout="this.src=‘Images/MP-frame_menu/Displayonmouse.gif‘"                       style="cursor:pointer;" />
29         </td>
30      </tr>
31   </table>
32  </body>
33 </html>

frame_index_pager:

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="frame_index_pager.aspx.cs" Inherits="Maticsoft.Web.MainPager" %>
 2 <%@ Import Namespace="Config" %>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4
 5 <html xmlns="http://www.w3.org/1999/xhtml" >
 6 <head runat="server">
 7     <title><%=AppConfig.g_strProjectName%><%=AppConfig.g_strProjectVersion%></title>
 8 </head>
 9
10 <frameset rows="80,*" frameborder="no" border="0" framespacing="0">
11     <frameset cols="*" frameborder="no" border="0" framespacing="0">
12       <frame src="frame_top_pager.aspx" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
13     </frameset>
14
15     <frameset cols="*" frameborder="no" border="0" framespacing="0">
16       <frameset cols="209,7,*" frameborder="no" border="0" id="mainContentFrame" framespacing="0">
17          <frame src="frame_left_pager.aspx" name="leftFrame" scrolling="no" noresize="noresize" id="leftFrame" />
18           <frame src="frame_center.html" name="CenterFrame" scrolling="no" noresize="noresize" id="CenterFrame" />
19           <frame src="<%if(Request["mfsrc"]!=null&&Request["mfsrc"]!=""){Response.Write(Request["mfsrc"].ToString().Replace("-","&"));}else{Response.Write("frame_main.aspx");}%>" name="mainFrame" id="mainFrame" scrolling="yes" frameborder="0" noresize="noresize" />
20       </frameset>
21     </frameset>
22
23 </frameset>
24
25 <body>
26     <p>
27         &nbsp;&nbsp;&nbsp;
28     </p>
29     <form id="form1" runat="server">
30       <div>
31       </div>
32     </form>
33 </body>
34 </html>

frame_left_pager:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="frame_left_pager.aspx.cs" Inherits="Maticsoft.Web.frame_left_pager" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <link type="text/css" rel="stylesheet" href="css/main.css" />  

    <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="../../themes/icon.css"/>
    <script type="text/javascript" src="../../jquery.min.js"></script>
    <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head >
<body style="margin:5px 0px 0px 3px;">
    <form id="form1" runat="server">
      <table width="235" border="0" cellspacing="0" cellpadding="0" style="background:#ffffff">
       <tr>
         <td>
            <table class="menu_top" width="235" border="0" cellspacing="0" cellpadding="0">
               <tr>
                   <td>
                      <div class="menu_title" id="menu_title" >主菜单</div>
                   </td>
               </tr>
            </table>

           <asp:TreeView ID="TreeView1" runat="server">
                 <Nodes>
                     <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif" SelectAction="None"
                         Text="用户新装管理" Value="用户新装管理">
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif" SelectAction="None"
                             Text="民用、小商户用" Value="民用、小商户用">
                             <asp:TreeNode ImageUrl="~/Images/All_comment/txt.gif"
                                 NavigateUrl="~/YYXZGL/MY$XXHY/XZ_YHSQ.aspx" SelectAction="SelectExpand"
                                 Text="新装_用户申请" Value="新装_用户申请" Target="mainFrame"></asp:TreeNode>
                         </asp:TreeNode>
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif" SelectAction="None"
                             Text="大型商业及楼盘" Value="大型商业及楼盘"></asp:TreeNode>
                     </asp:TreeNode>
                     <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif" SelectAction="None"
                         Text="燃气安装管理" Value="燃气安装管理">
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif"
                             SelectAction="SelectExpand" Text="安装申请" Value="新建节点"></asp:TreeNode>
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif"
                             SelectAction="SelectExpand" Text="安装施工" Value="安装施工"></asp:TreeNode>
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif"
                             SelectAction="SelectExpand" Text="业务监控" Value="业务监控"></asp:TreeNode>
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif"
                             SelectAction="SelectExpand" Text="完成列表" Value="完成列表"></asp:TreeNode>
                     </asp:TreeNode>
                     <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif" SelectAction="None"
                         Text="业务优惠管理" Value="业务优惠管理">
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif"
                             SelectAction="SelectExpand" Text="业务优惠" Value="业务优惠"></asp:TreeNode>
                     </asp:TreeNode>
                     <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif" SelectAction="None"
                         Text="用户变更管理" Value="用户变更管理">
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif"
                             SelectAction="SelectExpand" Text="搬迁管理" Value="搬迁管理"></asp:TreeNode>
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif"
                             SelectAction="SelectExpand" Text="过户管理" Value="过户管理"></asp:TreeNode>
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif"
                             SelectAction="SelectExpand" Text="报停管理" Value="报停管理"></asp:TreeNode>
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif"
                             SelectAction="SelectExpand" Text="变更用气性质" Value="变更用气性质"></asp:TreeNode>
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif"
                             SelectAction="SelectExpand" Text="燃气改管" Value="燃气改管"></asp:TreeNode>
                         <asp:TreeNode ImageUrl="~/Images/MP-frame_menu/close.gif" Text="其他" Value="其他">
                         </asp:TreeNode>
                     </asp:TreeNode>
                 </Nodes>
             </asp:TreeView>    

          </td>
       </tr>
      </table>
    </form>
</body>
</html>

我觉得其他的代码都不在重要了。这个  frame_left_pager中的一行代码才是最关键的：

<asp:TreeNode......NavigateUrl="~/YYXZGL/MY$XXHY/XZ_YHSQ.aspx" SelectAction="SelectExpand"
        Text="新装_用户申请" Value="新装_用户申请" Target="mainFrame">

</asp:TreeNode>

我是用原生的控件TREEvIEW来写的，treeView的属性NavigateUrl定义要链接的页面，SelectAction属性让你可以拓展链接。最重要的是这个Target标签，定义到那个框架，不明白的同学可以去查找这方面的资料。这里的mainFame就是我们的主界面的name标签，在我们的frame_index_pager页面的 frame set中是这样定义的：

<frame src="....." name="mainFrame" id="mainFrame" scrolling="yes" frameborder="0" noresize="noresize" />

这样我们就可以点击菜单把想要的页面直接连接到右边的框架中显示了。结果如下图：

当然，这个tree你可以使用其他的东西，比如easyui啊啥的都可以用的哈！

时间： 2024-12-18 08:27:13

.NET 菜单如何链接到指定的框架的相关文章

easyui左侧导航菜单右侧载入百度地图项目框架

代码下载 http://pan.baidu.com/s/1cDht7K 一个左侧是导航菜单,右侧是百度地图的应用: 一 左侧菜单 使用jquery easyui框架:网上下的资源:运行后如下: 二 修改菜单 修改后如下:标注,地理要素,数据管理:这些是GIS功能: 三 jquery  easyui框架是这么用的: 单击左侧不同菜单:链接到不同html文档:就会在右侧显示相应文档: 四 载入百度地图 在其中一个demo2.html中,载入百度地图:效果如下:以后可点击左侧菜单,在右侧增加百度地图应

wordpress导航菜单的链接支持弹出新页面

wordpress导航菜单的链接是默认在当前页打开的 只要在wp-includes\nav-menu-template.php的start_el函数加上三行代码就OK了 1 /** 2 * @see Walker::start_el() 3 * @since 3.0.0 4 * 5 * @param string $output Passed by reference. Used to append additional content. 6 * @param object $item Menu

项目一:第十四天 1.在realm中动态授权 2.Shiro整合ehcache 缓存realm中授权信息 3.动态展示菜单数据 4.Quartz定时任务调度框架—Spring整合javamail发送邮件 5.基于poi实现分区导出

1 Shiro整合ehCache缓存授权信息 当需要进行权限校验时候:四种方式url拦截.注解.页面标签.代码级别,当需要验证权限会调用realm中的授权方法   Shiro框架内部整合好缓存管理器,整合ehcache环境,只需要配置即可.     <dependency> <groupId>net.sf.ehcache</groupId> <artifactId>ehcache-core</artifactId> <version>

ectouch第十一讲 之 ECTouch 菜单里如何添加文章链接

1.首先在 ectouch 后台添加好文章分类和文章内容(具体添加方法很简单,这里就不再赘述),然后在菜单管理里添加导航如下(链接地址的获取方法参考步骤 2):2.文章分类列表 域名/mobile/index.php?m=default&c=article&a=art_list 指定文章分类 域名/mobile/index.php?m=default&c=article&a=art_list&id=1 , id=1 为文章分类  ID 指定某篇文章 域名/mobil

html使用frame框架导航跳转至指定的节的用法

主要内容:左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标.第二个框架显示被链接的文档.导航框架其中的链接指向目标文件中指定的节. 创建3个html,分别为 index.html ,content.html,link.html. index.html的代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>使用框架

axure笔记--内部框架交互链接

内部框架的作用: 1.可以引用站点地图的页面 2.可以引用视频(链接视频)(axure中没有媒体控件) 3.可以引用本地文件 4.引用网页(注意:1.超链接地址要加上http://   2.内部框架大小要设置好   ) 交互行为: 1.在内部框架中打开链接 2.在父框架中打开链接 建议: 能用动态面板的时候则不用内部框架(内部框架比较复杂,不灵活,效率不太高,除了动态面板不可以插入视频,本地文件,网页,其他基本可以)

框架---学习笔记04

第9章 框架     9.1 框架概述 框架的作用,就是把浏览器窗口划分成若干个小窗口,每个小窗口可以分别显示不同的网页.这样在一个页面中可以同时显示不同网页内容,不同窗口的内容相互独立.框架的主要用途是导航,通常会在一个窗口中显示导航条,另外一个窗口则作为内容窗口,用于显示导航栏目的目标页面内容,窗口的内容会根据导航栏目的不同而动态变化. html框架集与body同级,因此不能同时出现.框架的基本结构主要分为框架集<frameset>和框架<frame>两个部分,基本语法如下:

MEAN框架学习笔记

MEAN框架学习笔记 MEAN开发框架的资料非常少.基本的资料还是来自于learn.mean.io站点上的介绍. 于是抱着一种零基础学习的心态,在了解的过程中,通过翻译加上理解将MEAN框架一点点消化而且吸收,一步一步来.慢慢地记录我学习MEAN的点点滴滴. 1.MEAN是可以管理用户的 通过MEAN的mean-cli来管理用户.命令是: $ mean user <email> $ mean user <email> --addRole <role>; $ mean u

html中的框架frameset和frame及iframe

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面. 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,简而言之,就是在一个窗口中显示多个页面. 每个页面称之为一个框架.并且每个框架独立于其他的框架. 使用框架的坏处:必须同时跟踪多个框架(网页或HTML文档),整个页面很难打印. 1.框架标签(Frame) 简单的三框架页面: <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"