У меня есть офисный контроллер с правкой (вид), который является общим видом для других моих контроллеров, таких как switch, device et c. Поскольку у этих других контроллеров есть таблицы, например, есть много коммутаторов для одного конкретного офиса, так же как и устройства. Поэтому я отображаю их все в редакторе Office Controller. Чтобы было проще, я использовал вкладки типа this . Но если я go для создания / редактирования / удаления контроллера устройства. Он возвращает меня к редактированию (контроллера Office), но не к указанию c div, где была моя таблица устройств. Как мне этого добиться. (Чтобы попасть в указанный c div вкладки без щелчка, просто перенаправив из контроллера устройства.
Я использую этот javascript, чтобы нажимать на вкладки и перемещаться по странице .
<script type='text/javascript'>
$(function () {
// When an open tab item from your menu is clicked
$(".open-tab").click(function () {
// Hide any of the content tabs
$(".tab").hide();
// Show your active tab (read from your data attribute)
$('[data-tab ="' + $(this).data('tab') + '"]').show();
// Optional: Highlight the selected tab
$('li.active').removeClass('active');
$(this).closest('li').addClass('active');
});
});
</script>
DeviceController.cs
return Redirect(Url.RouteUrl(new { controller = "Offices", action = "Edit", id = deviceCap.OfficeID})+ "#14");
I am using another javascript to open the tab in the Offices Edit(view)
<div>
<nav role="navigation">
<ul class="nav nav-pills nav-stacked">
<!-- Notice each of these tab elements points to a certain ID -->
<li class='active'><a class='open-tab' href="#" data-tab='a'> Office Information</a> </li>
<li><a class='open-tab'href="#tabe-13" data-tab='b'>Switch</a></li>
<li><a class='open-tab' href="#14" data-toggle="tab" data-tab='c'>Devices</a></li>
<ul>
</nav>
<div class="tab-content">
<div class='tab' data-tab='a'> table (some data)</div>
<div class='tab' data-tab='c' id="14">Table (I want to access the table here</div>
<script>
$(document).ready(function() {
// This will give you #14
var tabId = window.location.hash;
// Select the tab
$('a[href="' + tabId + '"]').tab('show');
})
</script>