Hi,
I have a tab control in my page and in the second tab I have a button which after some actions, i want to select the next tab item but, when i click the button, the first tab shows up and every time i click on other item tab, the first item tab shows up.
My code for the tab:
@using Syncfusion.EJ2;
<div class="col-lg-12 control-section">
<div class="e-sample-resize-container">
<div id="tabContrato">
<div class="e-tab-header">
<div>Titular </div>
<div>Condiciones </div>
<div>Beneficiarios </div>
</div>
<div class="e-content">
<div>
@Html.Partial("_Persona")
</div>
<div>
@Html.Partial("_Contrato")
</div>
<div>
@Html.Partial("_Beneficiarios")
</div>
</div>
</div>
</div>
</div>
<style>
.e-content .e-item {
font-size: 12px;
padding: 10px;
text-align: justify;
}
</style>
@section Scripts {
<script type="text/javascript">
var tabObj = new ej.navigations.Tab({
heightAdjustMode: "Auto"
});
tabObj.appendTo('#tabContrato');
</script>
And in the second item of the tab, that is to say in the "_Contrato" partial view i have this script in a button:
var objTab = new ej.navigations.Tab();
objTab.appendTo("#tabContrato");
objTab.select(2); // I am assuming that items array begins with 0 index, so I want to activate the third item tab, that is the _Beneficiarios partial view.
I am using version 16.4.0.42
Thanks for your help.
Kind regards,
Juan J.
