【解決方法】左側にダイナミック メニューとサブ メニュー パネルがあるマスター ページ

プログラミングQA


左側の動的メニューとサブメニューパネルを備えたマスターページが必要です。このパネルは、ビジュアルスタジオの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>

コメント

タイトルとURLをコピーしました