这篇文章主要介绍了 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 的过程中学习到的一个知识点, 希望对大家有用
来源: http://www.phperz.com/article/18/0322/352587.html