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

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中MVC借助Iframe实现无刷新上传文件实例
  • asp.net在iframe中弹出信息并执行跳转问题探讨
  • ASP.NET页面借助IFrame提交表单数据所遇到问题的解决方法分享
  • asp.net 文件上传与刷新与asp.net页面与iframe之间的数据传输
  • ASP.NET中使用IFRAME建立类Modal窗口
  • asp.net省市三级联动的DropDownList+Ajax的三种框架(aspnet/Jquery/ExtJs)示例
  • asp.net 学习之路 项目整体框架简单的搭建
  • asp.net GridView中超链接的使用(带参数)
  • ASP.NET 链接 Access 数据库路径问题最终解决方案
  • asp.net实现生成静态页并添加链接的方法

标签:佳木斯 泰安 房产 吕梁 德宏 玉林 喀什 海口

巨人网络通讯声明:本文标题《ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266