Bind to tabstrip buttons

2 posts, 0 answers
  1. Daniel
    Daniel avatar
    15 posts
    Member since:
    Jul 2013

    Posted 05 Sep 2014 Link to this post

    I know i am missing something simple.

    I need to bind functions to my tabstrip buttons.

    Here is my layout
    <div id="divResults" data-role="layout" data-id="results" data-model="APP.models.results">
        <div data-role="header">
            <div data-role="navbar">
                <a id="back-button" class="nav-button" data-align="left" href="views/home.html" data-role="backbutton" data-icon="arrow-l">Back</a>
                <span data-role="view-title"></span>
        <!-- application views will be rendered here -->
        <div data-role="footer">
            <div data-role="tabstrip">
                <a href="views/home.html" data-icon="home">Home</a>
                <a href="views/books.html" data-icon="bookmarks">Results</a>
                <a data-bind="click: testme" data-icon="settings">Settings</a>
                <a href="views/about.html" data-icon="about">About</a>

    and here is my model...
    window.APP = {
        models: {
            home: {
            settings: {
                title: 'Settings'
            results: {
                title: 'Books',
                ds: new{
                testme: function () { alert("Test"); },

    What am i missing?

  2. Tina Stancheva
    Tina Stancheva avatar
    3298 posts

    Posted 10 Sep 2014 Link to this post

    Hello Daniel,

    Using MVVM bindings inside the layout is not supported out of the box. In this blog post you can learn more about this limitation and find a possible workaround. Please consider the information and let us know if you have more questions.

    Tina Stancheva

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

Back to Top