Initially selected tab (data-selected-index) not working

[Maxim]

Hello,

I saw several related questions, but none of them have a working answer.

I have a tabstrip defined like this:

<div data-role="tabstrip" data-selected-index="1">
<a data-icon="home" href="/">Home</a>
<a data-icon="action" href="/ActionManager">Actions</a>
<a data-icon="search" href="/Search">Search</a>
</div>

I'm expecting "Actions" tab to be selected initially.  But it is not. "Home" tab is always selected no matter what number I put into data-selected-index. Looks like this attribute is ignored.

Is selectedIndex working in tabStrip?
Is there any other way to select tab from HTML markup?

Thank you,
Alex

[Kiril Nikolov]

Hi Maxim,

The first view is being selected, because when the views are initialized the index view has an ID of "\" which matches the href attribute in your TabStrip and selects the corresponding item. If you do not use the "\" href attribute, then it works as expected:

http://jsbin.com/panex/1/edit

Regards,
Kiril Nikolov
Telerik