Как переключаться между страницами Sub View с помощью JS - PullRequest
Новая
       47

Как переключаться между страницами Sub View с помощью JS

0 голосов
/ 03 июня 2018

Ребята, я сейчас нахожусь в стеке и расстроен, потому что не могу заставить его работать ... У меня есть приложение MVC, которое работает хорошо.Только у меня есть страница просмотра многих главных вкладок с вложенными вкладками (см. Рисунок).Мой вопрос заключается в следующем: можно ли переключаться между вложенными вкладками с помощью JS?Если да, то как?Я попробовал следующее, но он только переключает Главные вкладки, а не Вспомогательные вкладки после отправки действия.enter image description here

Я попробовал следующее JS: 

function Edit(url) {
    $.ajax({
        type: 'GET',
        url: url,
        success: function (response) {
            $("#userSubSecondTab").html(response);
            $('ul.nav.nav-tabs a:eq(1)').html('Edit User Record'); 
            $('ul.nav.nav-tabs a:eq(1)').tab('show'); 
        }
    });
}

И просмотры главной страницы: 

<ul class="nav nav-tabs">
    <li><a data-toggle="tab" href="#tab1">Main tab 1</a></li>
    <li class="active"><a data-toggle="tab" href="#tab2">Main tab 2</a></li>
    <li><a data-toggle="tab" href="#tab3">Main Tab 3 </a></li>
    <li><a data-toggle="tab" href="#tab4">Main Tab 4</a></li>
</ul>
<div class="tab-content">
    <div id="tab1" class="tab-pane fade in">@Html.Action("ViewMain1")</div>
    <div id="tab2" class="tab-pane in active">@Html.Action("ViewMain2")</div>
    <div id="tab3" class="tab-pane fade in">@Html.Action("ViewMain3")</div>
    <div id="tab4" class="tab-pane fade in">@Html.Action("ViewMain4")</div>
</div>

Теперь представление дополнительной вкладки 

<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-success">
            <div class="panel-heading">
                <h3 class="panel-title"><i class="fa fa-users"></i> List of Users</h3>
            </div>
            <div class="panel-body">
                <ul class="nav nav-tabs" id="myTab">
                    <li class="active"><a data-toggle="tab" href="#userSubFirstTab">View All Users</a></li>
                    <li><a data-toggle="tab" href="#userSubSecondTab">Add New </a></li>
                </ul>
                <div class="tab-content">
                    <div id="userSubFirstTab" class="tab-pane fade in active">@Html.Action("ViewUsers")</div>
                    <div id="userSubSecondTab" class="tab-pane fade in">@Html.Action("AddOrEditUser")</div>
                </div>
                <link href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css" rel="stylesheet" />

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

Неужели я не знаю, что я делаю не так?Моя проблема заключается в том, что, когда JS переключает представление, оно изменяется из представления основной вкладки, а не из представления вспомогательной вкладки (Добавить пользователя и пользователя просмотра)

Как JS может перенаправлять или переключать вспомогательное представление, когда когда-либоКнопка редактирования - это щелчок?Я хочу, чтобы представление переключалось между вкладкой «Добавить нового для просмотра пользователя», а не из представления «Основные вкладки».Я думаю, это может быть что-то в JS, но я не знаю, как это сделать.

Пожалуйста, добро пожаловать всем с ответом!

...