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

2020-01-17 22:43:31

字体：大中小

来源：转载

供稿：网友

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的过程中学习到的一个知识点，希望对大家有用。

上一篇：MVC+EasyUI+三层架构简单权限管理系统

下一篇：关于多对多关系表无法更新与插入的问题