Select event tabstrip

[Jolien]

Hi, 

I can't get the select event on the tabstrip working. It should log a console message that the select event was fired, but it does nothing. What am I doing wrong?

HTML markup:

<div data-role="layout" data-id="mobile-tabstrip">

    <div data-role="footer">

        <div data-role="tabstrip" id="tabStrip">

            <a href="#user" data-icon="contacts">User</a>

            <a href="#cycle" data-icon="play">Cycle</a>

            <a href="#stats" data-icon="toprated">Stats</a>

            <a href="#settings" data-icon="settings">Settings</a>

        </div>

    </div>

</div>

JS code:

var tabstripBound = false;

        var app = new kendo.mobile.Application($(document.body), {

            platform : "android",

            viewShow: function() {

                 if (!tabStripBound) {

                 var tabStrip = $("#tabStrip").data("kendoMobileTabstrip");

                 tabStrip.bind("select", onSelect);

                 tabStripBound = true;

                 }

              }

        });

         

        function onSelect(item){

            console.log("In on select");

        }

[Iliana Dyankova]

Hello Jolien,

To achieve the needed functionality I would suggest to use the declarative event binding syntax and the data-select attribute for the TabStrip. For example: 

<div data-role="layout" data-id="mobile-tabstrip">
    <div data-role="footer">
        <div data-role="tabstrip" id="tabStrip" data-select="onSelect">
            <a href="#user" data-icon="contacts">User</a>
            <a href="#cycle" data-icon="play">Cycle</a>
            <a href="#stats" data-icon="toprated">Stats</a>
            <a href="#settings" data-icon="settings">Settings</a>
        </div>
    </div>
</div>

....
<script>
    function onSelect(){
        console.log("In on select");
    }
</script>

I hope this helps.

Regards,
Iliana Nikolova
the Telerik team

[Jolien]

Hi,

I can get this working for Android 2.x, but not for the 4.x version. 

[Iliana Dyankova]

Hello Jolien,

I tested your scenario on Android 4.x version and everything works as expected. For convenience, I attached my test project - please check it and let me know if I missed something. Thank you in advance.

Greetings,
Iliana Nikolova
the Telerik team

[Shawn]

OK disregard my post as I found the issue -= my script was outside body so events could never call functions.