Hello,
I have created a tab control. I'm trying to figure out how to select a tab from JavaScript. Currently, I'm trying the following and its not working.
What am I doing wrong?
I have created a tab control. I'm trying to figure out how to select a tab from JavaScript. Currently, I'm trying the following and its not working.
<
div
id
=
"myTabs"
>
<
ul
>
<
li
class
=
"k-state-active"
>Tab 1</
li
>
<
li
>Tab 2</
li
>
<
li
>Tab 3</
li
>
</
ul
>
<
div
id
=
"tab1"
>tab 1 content</
div
>
<
div
id
=
"tab2"
>tab 2 content</
div
>
<
div
id
=
"tab3"
><
input
type
=
"button"
onclick
=
"selectMyTab();"
value
=
"button"
/></
div
>
</
div
>
<
script
type
=
"text/javascript"
>
$().ready(function () {
$("#myTabs").kendoTabStrip({
animation: { open: { effects: ""} }
});
});
function selectMyTab() {
$("#myTabs").kendoTabStrip().select("#tab1");
}
</
script
>
What am I doing wrong?