ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容

 更新时间:2016年07月27日 11:06:05   作者:小白桃要去远方  
这篇文章主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码,感兴趣的小伙伴们可以参考一下

 ASP.NET中iframe框架点击左边页面链接,右边则显示链接页面内容,具体实现内容如下

先看看效果图:

首先是主页面main.aspx

<body style="background-color: #AFEEEE">
 <form id="form1" runat="server">
 <div>
  <center>
   <h1>
    后台管理界面
   </h1>
    <span style="float: right;">
     <asp:HyperLink ID="HyperLink1" runat="server" Style="text-align: center" NavigateUrl="Default.aspx">返回首页</asp:HyperLink></span>
   <table border="0" width="1180px" cellpadding="0" class="main-table">
    <tr>
     <td align="center">
      <iframe id="Left" name="Left" src="Left.aspx" class="inset-table" width="188px" height="730"
       align="middle"></iframe>
     </td>
     <td align="left">
      <iframe id="Right" name="Right" src="AddNews.aspx" class="outset-table" width="950"
       height="730" align="middle"></iframe>
     </td>
    </tr>
   </table>
  </center>
 </div>
 </form>
</body> 

然后是左边页面Left.aspx 

 <form id="form1" runat="server">
 <div>
  <table style="width: 180px;" cellspacing="0" cellpadding="0">
   <tr>
    <td class="style1 ">
     <div class="titleSystemName">
      导航栏</div>
    </td>
   </tr>
   <tr>
    <td>
     <asp:TreeView ID="TreeView1" runat="server" ImageSet="XPFileExplorer" NodeIndent="15"
      Width="155px">
      <ParentNodeStyle Font-Bold="False" />
      <HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" />
      <SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" HorizontalPadding="0px"
       VerticalPadding="0px" />
      <Nodes>
       <asp:TreeNode Text="新闻类别1" Value="新闻类别1">
        <asp:TreeNode NavigateUrl="~/AddNews.aspx?id=2" Target="Right" Text="添加新闻" Value="添加新闻">
        </asp:TreeNode>
        <asp:TreeNode NavigateUrl="~/ManagerNew.aspx?id=3" Target="Right" Text="删除/编辑新闻" Value="删除/编辑新闻">
        </asp:TreeNode>
        <%-- <asp:TreeNode NavigateUrl="~/UpdataNew.aspx?id=2" Target="Right" Text="更新新闻" Value="更新新闻">
        </asp:TreeNode>--%>
       </asp:TreeNode>
       
       <asp:TreeNode Text="用户管理" Value="用户管理">
        <asp:TreeNode NavigateUrl="~/UserManager.aspx" Target="Right" Text="管理用户" Value="管理用户">
        </asp:TreeNode>
       </asp:TreeNode>
      </Nodes>
      <NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" HorizontalPadding="2px"
       NodeSpacing="0px" VerticalPadding="2px" />
     </asp:TreeView>
    </td>
   </tr>
  </table>
 </div>
 </form> 

最后是右边的页面AddNews.aspx,这个页面就可以插入自己需要的页面链接了。
 以上是我在学习asp的过程中学习到的一个知识点,希望对大家有用。

相关文章

  • asp.net jQuery Ajax用户登录功能的实现

    asp.net jQuery Ajax用户登录功能的实现

    前几天把jbox源码修改成仿QQ空间模拟窗口后发现有很多人在关注。今天就贴一下我利用该模拟窗口实现的用户登录功能的代码。
    2009-11-11
  • asp.net treeview checkbox 相关问题

    asp.net treeview checkbox 相关问题

    asp.net treeview checkbox 相关问题,需要的朋友可以看下。
    2009-06-06
  • Asp.Net Core利用xUnit进行主机级别的网络集成测试详解

    Asp.Net Core利用xUnit进行主机级别的网络集成测试详解

    这篇文章主要给大家介绍了关于Asp.Net Core利用xUnit进行主机级别的网络集成测试的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们来一起看看吧
    2018-12-12
  • ASP.NET MVC遍历验证ModelState的错误信息

    ASP.NET MVC遍历验证ModelState的错误信息

    这篇文章介绍了ASP.NET MVC遍历ModelState错误信息的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-09-09
  • asp.net分页控件AspNetPager的样式美化

    asp.net分页控件AspNetPager的样式美化

    自从吴旗娃推出了AspNetPager分页控件之后,受到了广大程序员朋友的喜爱,无数个网站都出现这个控件的身影。可是大部分网站程序员的朋友都是直接套用,导致满世界的分页控件样式都是一样的简洁,伤不起啊
    2011-12-12
  • 解协议时有符号和无符号整数型处理

    解协议时有符号和无符号整数型处理

    这篇文章主要介绍了解协议时有符号和无符号整数型处理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • 在.NET Core控制台程序中如何使用依赖注入详解

    在.NET Core控制台程序中如何使用依赖注入详解

    这篇文章主要给大家介绍了关于在.NET Core控制台程序中如何使用依赖注入的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
    2018-10-10
  • 关于.NET异常处理的思考总结

    关于.NET异常处理的思考总结

    这篇文章主要介绍了关于.NET异常处理的思考总结,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2016-12-12
  • 验证一个ASP.NET应用程序和页面的生命周期的实现代码

    验证一个ASP.NET应用程序和页面的生命周期的实现代码

    我们知道ASP.NET Page的生命周期实际上是ASP.NET Application的生命周期的一部分。这个周期经历了HTTP Module => HTTP Handler => ASP.NET Page => Http Module这样一个过程
    2012-04-04
  • Docker结合.Net Core的初步使用教程

    Docker结合.Net Core的初步使用教程

    这篇文章主要给大家介绍了关于Docker结合.Net Core的初步使用教程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10

最新评论