Используйте Bootstrap Navs на главной странице asp.net для размещения одного держателя содержимого на каждой вкладке - PullRequest
0 голосов
/ 17 мая 2019

Я хочу вставить Bootstrap Navs в мою главную страницу.Если в моих панелях есть три вкладки: «Студент», «Учителя» и «Библиотека».Поэтому я хочу, чтобы при открытии они открывали файл student.aspx, teacher.aspx и library.aspx соответственно в теле nav таким образом, чтобы они наследовали одну и ту же главную страницу.

Код: Страница, откуда Student.aspxи Teachers.aspx наследует

<%@ Master Language="C#" MasterPageFile="~/Control Panel/Panel.Master" AutoEventWireup="true" CodeBehind="Manage_ID_master.master.cs" Inherits="IDProBootstrap.Control_Panel.Manage_ID_master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="PanelContent" runat="server">



 <div class="container">
  <h2>Toggleable Tabs</h2>
  <br>
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li class="nav-item">
      <a class="nav-link active" data-toggle="tab" href="#home">Student</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#menu1">Teachers</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#menu2">Library</a>
    </li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div id="home" class="container tab-pane active"><br>

        <asp:ContentPlaceHolder ID="PanelBodyContent" runat="server">

          </asp:ContentPlaceHolder>
    </div>
    <div id="menu1" class="container tab-pane fade"><br>
      <h3>Teachers</h3>

    </div>
    <div id="menu2" class="container tab-pane fade"><br>
      <h3>Library</h3>

    </div>
  </div>
</div>

Страница ученика

Страница учителя

Я хочуобратная передача происходит, когда я щелкаю любую из вкладок, а унаследованная страница отображается на соответствующих вкладках с использованием одного или нескольких заполнителей содержимого.Если есть другой способ сделать это, пожалуйста, дайте мне знать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...