ASP.NET中使用框架

螢火蟲小Q發表於2012-08-06

       首先要說的是在asp.net中使用框架是iframe,而不是frameset;iframe實現的功能和frameset相似;iframe使用的例項:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="main.aspx.cs" Inherits="main" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>無標題頁</title>

</head>
<body style=" background-color:Gray">
    <form id="form1" runat="server">
    <table>
        <tr >
        <td style=" width:500px">
          <span id="time"></span> 
             <script>document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);</script>
        </td>
            <td>
                <a onclick="javascript:history.go(-1);" href="#">後退</a>
            </td>
            <td>
                <a onclick="javascript:history.go(1);" href="#">前進</a>
            </td>
            <td>
                <a onclick="window.frames['MainFrame'].location.reload();" href="#">重新整理</a>
            </td>
            <td>
                <a href="#">登出</a>
            </td>
            <td>
                <a onclick="javascript:if(confirm('你確定要退出本系統嗎?'))window.location='ExitSys.aspx';" href="#">退出</a>
            </td>
        </tr>
        </table>
        
        
        <table>
         <tr>
            <td  rowspan="2" style=" width:50px; background-color:Silver">
                <div>
                     <asp:TreeView ID="TreeView1" runat="server">
                    <Nodes>
                        <asp:TreeNode Text="欄目管理" Value="欄目管理">
                            <asp:TreeNode Text="資訊類別" Value="資訊管理" NavigateUrl="~/ArticleClassList.aspx" Target="mainiframe"></asp:TreeNode>
                            <asp:TreeNode Text="下載類別" Value="下載管理" NavigateUrl="~/SoftDownList.aspx" Target="mainiframe"></asp:TreeNode> 
                            </asp:TreeNode>
                            
                        <asp:TreeNode Text="資訊管理" Value="資訊管理">
                            <asp:TreeNode Text="新增資訊" Value="新增資訊" NavigateUrl="~/ArticleAdd.aspx"  Target="mainiframe"></asp:TreeNode>
                            <asp:TreeNode Text="資訊列表" Value="資訊列表" NavigateUrl="~/ArticleList.aspx" Target="mainiframe"></asp:TreeNode>
                        </asp:TreeNode>
                        <asp:TreeNode Text="下載管理" Value="下載管理">
                            <asp:TreeNode Text="新增下載" Value="新增下載" NavigateUrl="~/SoftDownAdd.aspx" Target="mainiframe"></asp:TreeNode>
                            <asp:TreeNode Text="下載列表" Value="下載列表" NavigateUrl="~/SoftDownList.aspx" Target="mainiframe"></asp:TreeNode>
                        </asp:TreeNode>
                        <asp:TreeNode Text="系統管理" Value="系統管理">
                            <asp:TreeNode Text="角色管理" Value="角色管理">
                                <asp:TreeNode Text="新增角色" Value="新增角色" NavigateUrl="~/UserRolesAdd.aspx" Target="mainiframe"></asp:TreeNode>
                                <asp:TreeNode Text="角色列表" Value="角色列表" NavigateUrl="~/UserRoleList.aspx" Target="mainiframe"></asp:TreeNode>
                            </asp:TreeNode>
                            <asp:TreeNode Text="使用者管理" Value="使用者管理">
                                <asp:TreeNode Text="新增使用者" Value="新增使用者" NavigateUrl="~/UserInfoAdd.aspx" Target="mainiframe"></asp:TreeNode>
                                <asp:TreeNode Text="使用者列表" NavigateUrl="~/UserInfoList.aspx" Target="mainiframe"></asp:TreeNode>
                            </asp:TreeNode>
                        </asp:TreeNode>
                        <asp:TreeNode Text="通用資訊管理" Value="通用資訊管理">
                            <asp:TreeNode Text="新增通用資訊" Value="新增通用資訊" NavigateUrl="~/CommonpageAdd.aspx" Target="mainiframe"></asp:TreeNode><%--Target="mainiframe"實現了連線頁面在iframe內顯示,而不是跳轉到別的頁面--%>
                            <asp:TreeNode Text="通用資訊列表" Value="通用資訊列表" NavigateUrl="~/CommonpageList.aspx" Target="mainiframe"></asp:TreeNode>
                        </asp:TreeNode>
                        <asp:TreeNode Text="網站連結管理" Value="網站連結管理">
                            <asp:TreeNode Text="新增網站連結" Value="新增網站連結" NavigateUrl="~/LinksAdd.aspx" Target="mainiframe"></asp:TreeNode>
                            <asp:TreeNode Text="網站連結列表" Value="網站連結列表" Target="mainiframe" NavigateUrl="~/LinksList.aspx"></asp:TreeNode>
                        </asp:TreeNode>
                    </Nodes>
                 </asp:TreeView>
                 </div>
            </td>
           <td>
               <div>
                    <iframe name="mainiframe" id="mainiframe" src="ArticleList.aspx" style=" width:850px; height:500px"></iframe><%-- 注意這裡使用了iframe;並且設定它的id為mainiframe--%>
                </div>
            </td>
        </tr>
         <tr>
            <td  style="background-color:Silver" >
            <div>
          
                    當前使用者:<asp:Label ID="lblUserId" runat="server" Text=""></asp:Label> 
                    部門:<asp:Label ID="lblDept" runat="server" Text=""></asp:Label> 
                      
                   角色:<asp:Label ID="lblRoles" runat="server" Text=""></asp:Label>
                       
                   建議解析度:1024*768以上
            </div>
            </td>
        </tr>
    </table>
    <div>
        
    </div>
    </form>
</body>
</html>

相關文章