Get Selected Tab Item From EJTab

Question

Hi Team,

I am having a syncfusion tab control ejtab. Currently how to get selected or active tab item from Component File.

Source Code

-- initialized

$("#defaultTab").ejTab({

width: "100%"

});

-- end

-- how to get selected tab item from ejtab

var tabobj = $("#defaultTab").data("ejTab");

-- end

Kindly check on this and update me asap.

Thanks,

j.bharathkumar

Karthikeyan Viswanathan · Answer

Hi Bharath kumar, Thanks for contacting Syncfusion support. You can get a selected header from items property and get a content panel from contentPanels property. Please refer the below code example:

 
document.getElementById("btn").onclick = function (args) { 
  var tabobj = $("#defaultTab").data("ejTab"); 
  console.log("Tab Selected header is "); 
  console.log(tabobj.items[tabobj.model.selectedItemIndex]); 
  console.log("Tab Selected Content is "); 
  console.log(tabobj.contentPanels[tabobj.model.selectedItemIndex]); 
};

Sample link: https://stackblitz.com/edit/js1-tab-default Regards, Karthikeyan V.