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

  • 相关阅读:
    UltraIso制作U盘启动盘教程
    Windows7下搭建FTP服务器(使用微软)
    Win7中IIS和ASP的安装、配置和使用
    解决ubuntu中vi不能正常使用方向键与退格键的问题
    SQLSERVER的TOP
    VBA读取文件路径中的文件
    博乐园,我来了
    JSON对象,初步认识
    【原创翻译】深入理解CSS盒子模型
    深入浅出CSS3:backgroundclip,backgroundorigin和borderimage教程
  • 原文地址:https://www.cnblogs.com/z-s-q/p/5708293.html
Copyright © 2020-2023  润新知