疑惑:用ASP.NET开发项目时,若想要实现这样的界面:顶部是导航栏,有多个菜单项,点击不同的菜单项后,下方显示对应的内容页面;或者是左侧是菜单栏,点击左边具体菜单项,右边就显示对应的内容;这种界面该如何实现呢?
解答:在同一页面实现不同点击显示对应内容的功能可以用iframe框架来实现。
iframe框架是放置内容页面的地方。首先给iframe标签设置name属性的值,然后给菜单项超链接填上target属性,且target属性的值必须和iframe标签的name属性值相同。由于每个菜单项链接着各自要跳转的页面,而target全都指向同页面的iframe,因此可以实现点击该页面不同的菜单项,在iframe框架中显示其链接的不同页面的内容。
举例:
<!--左侧菜单栏-->
<nav class="leftBar">
<ul>
<li>
<asp:HyperLink ID="HyperLink1" runat="server" target="Content" NavigateUrl="~/HotelInfo.aspx">酒店信息查询</asp:HyperLink>
</li>
<li>
<asp:HyperLink ID="HyperLink2" runat="server" target="Content" NavigateUrl="~/HotelManage.aspx">酒店信息管理</asp:HyperLink>
</li>
<li>
<asp:HyperLink ID="HyperLink3" runat="server" target="Content" NavigateUrl="~/RoomType.aspx">客房类型管理</asp:HyperLink>
</li>
<li>
<asp:HyperLink ID="HyperLink4" runat="server" target="Content" NavigateUrl="~/CustomerOrders.aspx">客户订单管理</asp:HyperLink>
</li>
</ul>
</nav>
<!--右侧内容页-->
<iframe id="Content" name="Content" ></iframe>
此前我解决该问题时也参考了这篇文章:https://www.jb51.net/article/89367.htm