Event for changed selected tab

[Bernard Jurlina]

Hello!

How can I call some javascript function only when the second tab is selected?

Thanks!

Bernard.

[Satheesh Kumar Balasubramanian]

Hi Bernard,

You can use Selecting and Selected event to achieve your requirement.

Index.cshtml:

<ejs-tab id="defaultTab" Selected="tabSelected" Selecting="tabSelecting">

    <e-tab-tabitems>

        <e-tab-tabitem header="ViewBag.headerTextOne" content="@contentOne"></e-tab-tabitem>

        <e-tab-tabitem header="ViewBag.headerTextTwo" content="@contentTwo"></e-tab-tabitem>

        <e-tab-tabitem header="ViewBag.headerTextThree" content="@contentThree"></e-tab-tabitem>

    </e-tab-tabitems>

</ejs-tab>

<script type="text/javascript">

    function tabSelected(args) {

        if (args.selectedIndex === 1) {

            // You can call javascript function

        }

    }

    function tabSelecting(args) {

        if (args.selectingIndex === 1) {

           // You can call javascript function

        }

    }

</script>

Kindly try the attached sample and let us know if this meets your requirement.

Regards,

Satheesh Kumar B

Attachment: AspCoreTab_d7eff2f7.zip

[Bernard Jurlina]

Hi Satheesh Kumar B,

and thanks for the answer. But, how can I set the events if I define the tab like this?

Regards,
Bernard.

[Satheesh Kumar Balasubramanian]

Hi Bernard,

You can use selecting and selected event like below to achieve your requirement.

https://stackblitz.com/edit/tab-selecting-selected-event-javascript?file=index.html,index.js

index.js:

var tabObj = new ej.navigations.Tab({

  heightAdjustMode: 'Auto',

  selecting: tabSelecting,

  selected: tabSelected,

});

//Render initialized Tab component

tabObj.appendTo('#ej2Tab');

function tabSelected(args) {

  if (args.selectedIndex === 1) {

    // You can call javascript function

  }

}

function tabSelecting(args) {

  if (args.selectingIndex === 1) {

    // You can call javascript function

  }

}

Kindly try the above sample and let us know if this meets your requirement.

Regards,

Satheesh Kumar B