У меня есть список вкладок в цикле foreach. Есть ли способ, которым я могу динамически добавлять идентификаторы? Так что, когда я нажимаю на каждую вкладку, она загружает новую панель.
Меню вкладок
<ul class="nav tabs-left tabs-border fullblock">
@foreach (var registrationtarget in Model.Tenants.OrderBy(x => x.Name))
{
<li class="active">
<a href="#" data-toggle="tab" aria-expanded="false" title="@registrationtarget.Name"><p class="registrationtarget">@registrationtarget.Name<br />@registrationtarget.TenantGroupName</p>@registrationtarget.CAEIPINumber</a>
</li>
}
Главный вид
<article class="row">
<h1 class="pageTitle artistHeader fw200 mb20 mt10">@ViewBag.Title</h1>
<div class="col-md-12">
<div class="row rowflex;">
<div class="col-md-2 padzero">
<div class="panel panel-visible" id="tabContainer">
@Html.Partial("_VerifiedSongsTabMenu", Model)
</div>
</div>
<div class="col-md-10 padzero">
<div class="panel panel-visible" id="tableContainer">
@Html.Partial("_VerifiedSongsList", Model)
</div>
</div>
</div>
</div>
</article>
Таблица с идентификатором
<div class="tab-block mb25">
@*Panel Body*@
<div class="tab-content">
<div id="tab14_1" class="tab-pane active">
<div class="panel-body pn">
<table class="table table-striped table-hover dataTable admin-form theme-primary verifiedsongsTable" cellspacing="0" width="100%" role="grid">
<thead id="tableHeader">
Я знаю, что это возможно сделать с помощью JQuery, но, поскольку у меня есть список вкладок, я не уверен в том, что будет лучшим способом получить вкладки, изменяющие содержимое при нажатии.