<ul class="nav nav-tabs staffTabs">
<li class="active " id="tabOne"><a data-toggle="tab" href="#tab-first" @*onclick="edit(1)"*@>Reminder</a></li>
<li class="" id="TabsTwo"><a data-toggle="tab" href="#tab-second" @*onclick="edit(2)"*@>Confirmation</a></li>
<li class="" id="TabsThree"><a data-toggle="tab" href="#tab-third" @*onclick="edit(3)"*@>ReSchedule</a></li>
<li class="" id="TabsFour"><a data-toggle="tab" href="#tab-four" @*onclick="edit(4)"*@>Canceling</a></li>
<li class="" id="TabsFive"><a data-toggle="tab" href="#tab-fifth" @*onclick="edit(5)"*@>Thank You</a></li>
</ul>
estas son las 5 pestañas.Cada pestañas tiene su propia ID única.Cada formulario tiene su propio método de acción en el controlador.El problema es que quiero activar esa pestaña cuyos datos se envían usando JavaScript.Porque estoy enviando ID para obtener el método que los datos de la pestaña se envían y luego almacenan ese valor en la vista, piden y colocan ese valor en un campo oculto y acceden a esa identificación en la función de JavaScript por GetElementByID ahora cómo activo esa pestaña que la identificación que tengo en la función de JavaScript
Este código puede adaptarse a sus necesidades.
En la acción de envío, estableces
ViewBag.ActiveTab = 2;
Y actualice la interfaz de usuario para verificar la pestaña activa para generar la clase activa
<ul class="nav nav-tabs staffTabs">
<li class="@(ViewBag.ActiveTab == 1 ? "active" : string.Empty)" id="tabOne"><a data-toggle="tab" href="#tab-first" onclick="edit(1)">Reminder</a></li>
<li class="@(ViewBag.ActiveTab == 2 ? "active" : string.Empty)" id="TabsTwo"><a data-toggle="tab" href="#tab-second" onclick="edit(2)">Confirmation</a></li>
<li class="@(ViewBag.ActiveTab == 3 ? "active" : string.Empty)" id="TabsThree"><a data-toggle="tab" href="#tab-third" @*onclick="edit(3)"*@>ReSchedule</a></li>
<li class="@(ViewBag.ActiveTab == 4 ? "active" : string.Empty)" id="TabsFour"><a data-toggle="tab" href="#tab-four" @*onclick="edit(4)"*@>Canceling</a></li>
<li class="@(ViewBag.ActiveTab == 5 ? "active" : string.Empty)" id="TabsFive"><a data-toggle="tab" href="#tab-fifth" @*onclick="edit(5)"*@>Thank You</a></li>
</ul>
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras