Select is not functioning...

[Tee Bee]

code snippet-1 gives me a valid tabstrip on the page, but code snippet-2 gives me null for tabstrip. Pl. let me know,
what could be going wrong?
1. var tabstrip =jQuery('#TabStrip').tTabStrip()  ---> returns valid tabstrip object
2. var tabstrip =$("#TabStrip").data("tTabStrip") --> return 'null' for tabstrip.

Also, the following code, doesn't automatically switch to the 3rd tab:  I'm using jquery.1.4.2 with latest Telerik MVC dll and checked all the JS and css files.

var item = $("li", tabstrip.element)[2];       
tabstrip.select(item);

Thanks,

[Atanas Korchev]

Hi Tee Bee,

 The first always works as it initializes a new tabstrip. The second may not work if the client-side component is not yet initialized when you call that code. Client-side objects are initialized in a $(document).ready handler which is output by the ScriptRegistrar. If your code is executed before that moment $("#TabStrip").data("tTabStrip") will return null. You can use the OnDocumentReady event of the ScriptRegistrar to execute code which needs to work with the client-side objects of the UI components or use the OnLoad event of the tabstrip. Here is how to use OnDocumentReady (add this after your tabstrip)

<% Html.Telerik().ScriptRegistrar().OnDocumentReady("myFunction();"); %>
<script>
     function myFunction() {
    
     }
</script>

I hope this helps,

Atanas Korchev
the Telerik team