[ad_1]
左側の動的メニューとサブメニューパネルを備えたマスターページが必要です。このパネルは、ビジュアルスタジオのwindosエクスプローラーパネルと同じです
助けてください
解決策 1
自分で作成する必要があります。
質問を投稿する前に、少なくとも Google を試してください。 ほら、キーワード「asp.net masterpage menu」を使用して、Googleから2番目のリンクとしてこれを取得しました
解決策 2
<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Paitho.master.vb" Inherits="Paithology.Paitho" %> <!DOCTYPE html> <html> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <head runat="server"> <title></title> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> <link href="Style.css" rel="stylesheet" /> <link href="css/bootstrap.css" rel="stylesheet" /> </head> <body> <form id="form1" runat="server"> <header class="header"> <nav class="navbar navbar-toggleable-md navbar-light pt-0 pb-0 "> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> </button> <a class="navbar-brand p-0 mr-5" href="#"><img src="http://via.placeholder.com/100x50"></a> <div class="float-left"> <a href="#" class="button-left"></a> </div> <div class="collapse navbar-collapse flex-row-reverse" id="navbarNavDropdown"> <ul class="navbar-nav"> <li class="nav-item dropdown messages-menu"> <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> class="fa fa-bell-o" start="" href="#" src="http://via.placeholder.com/160x160" alt="User Image" id="navbarDropdownMenuLink" data-toggle="dropdown" style="width: 171px" data-target="#dashboard"> Grid options</a> </li> <li style="width: 172px"> <a href="#" data-toggle="collapse" data-target="#tables" class="collapsed active" >^__i class="fa fa-table"> Tables</a> <ul class="sub-menu collapse" id="tables" > <li><a href=""> Static Tables</a></li> <li><a href=""> Data Tables</a></li> <li><a href=""> Foo Tables</a></li> <li><a href=""> jqGrid</a></li> </ul> </li> <li style="width: 175px"> <a href="#" data-toggle="collapse" data-target="#e-commerce" class="collapsed active" >^__i class="fa fa-shopping-cart"> E-commerce</a> <ul class="sub-menu collapse" id="e-commerce" > <li><a href=""> Products grid</a></li> <li><a href=""> Products list</a></li> <li><a href="">Product edit</a></li> <li><a href=""> Product detail</a></li> <li><a href="">Cart</a></li> <li><a href=""> Orders</a></li> <li><a href=""> Credit Card form</a> </li> </ul> </li> <li style="width: 171px"> <a href="">^__i class="fa fa-pie-chart"> Metrics </a></li> </ul> </div> </aside> </div> </form> <script src="js/bootstrap.js"></script> <script src="js/bootstrap.min.js"></script> <script src="Scripts/jquery-3.4.1.js"></script> <script src="Scripts/bootstrap.min.js"></script> <script src="java.js"></script> </body> </html>
[ad_2]
コメント