ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容
程序员文章站
2023-12-10 22:52:58
asp.net中iframe框架点击左边页面链接，右边则显示链接页面内容，具体实现内容如下
先看看效果图：
首先是主页面main.aspx...
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的过程中学习到的一个知识点，希望对大家有用。