Home>

Iframe in asp.netThe content of the linked page is displayed on the right,The specific implementation content is as follows

First look at the effect map:

First is the main page main.aspx

<body>
 <form runat="server">
 <div>
  <center>
   <h1>
    Background management interface
   </h1>
    <span>
     <asp:hyperlink runat="server" navigateurl="default.aspx">return to the homepage</asp:hyperlink></span>
   <table border="0" width="1180px" cellpadding="0"&​​gt;
    <tr>
     <td align="center">
      <iframe name="left" src="left.aspx" width="188px" height="730"
       align="middle"></iframe>
     </td>
     <td align="left">
      <iframe name="right" src="addnews.aspx" width="950"
       height="730" align="middle"<</iframe>
     </td>
    </tr>
   </table>
  </center>
 </div>
 </form>
</body>

Then left.aspx

<form runat="server">
 <div>
  <table cellspacing="0" cellpadding="0"&​​gt;
   <tr>
    <td>
     <div>
      Navigation bar</div>
    </td>
   </tr>
   <tr>
    <td>
     <asp:treeview 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="news category 1" value="news category 1">
        <asp:treenode navigateurl="~/addnews.aspx?id=2" target="right" text="Add News" value="Add News">
        </asp:treenode>
        <asp:treenode navigateurl="~/managernew.aspx?id=3" target="right" text="delete/edit news" value="delete/edit news">
        </asp:treenode>
        <%-<asp:treenode navigateurl="~/updatanew.aspx?id=2" target="right" text="update news" value="update news">
        </asp:treenode>-%>
       </asp:treenode>
       <asp:treenode text="User Management" value="User Management">
        <asp:treenode navigateurl="~/usermanager.aspx" target="right" text="admin user" value="admin user">
        </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>

The last page is addnews.aspx on the right, and this page can insert the page links you need.

The above is a knowledge point I learned in the process of learning ASP.hope its good for U.S..

  • Previous Bootstrap zero-based entry tutorial (3)
  • Next AngularJS instructions in detail