[Solved] OnSelect event does not fire as ...expected

[nachid]

I have an event handler I attached to my tabStrip like this

.ClientEvents(events => events.OnSelect( () => { %>
                                  function(e)
                                  {
                                      var item = $(e.item);
                                      if( item.index() === 2 )
                                      {
                                         doSomeThing();
                                      }
                                   }
                               <% }
                              ))

This working fine when I click on my third tab  and select it
However, It happens also that I select and open my tab using code where I have a button when cliked open the tab

$('#btnNext').click(function ()
{
    var item = $('li.t-state-active +li');
    var tabstrip = $('.t-widget.t-tabstrip.t-header').data('tTabStrip');
    tabstrip.enable(item);
    tabstrip.select(item);
    return false;
});

the tab is opened but the attached event is not fired

[Atanas Korchev]

Hi nachid,

This is by design. Client-side methods do not trigger events. This was done to avoid endless recursion if the user calls the select method during the onselect event. I suggest you extract the onselect code in a JavaScript function and call that function when needed.

All the best,
Atanas Korchev
the Telerik team