Kendo UI Mobile base

by krustev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2013.3.1324/js/kendo.all.min.js"></script>
<div id="test" data-role="view" data-init="init">
    <div data-bind="text:text"></div>
    <div data-bind="text:checked"></div>
    <input data-role="switch" data-bind="checked:checked"/>
    
  <div data-role="footer">
                <div data-role="tabstrip">
                     <a href="content/views/doctorsearch.html" id="btnActionSearch" data-icon="search">Foo</a>
                     <a href="content/views/settings.html" id="btnActionSettings" data-icon="settings">Bar</a>
                </div>
            </div>
</div>

JavaScript

var viewModel = kendo.observable({
    checked:true,
    text:"binding works"
});

function init(e) {
    kendo.bind($("#test").children(), viewModel, kendo.mobile.ui);
}

new kendo.mobile.Application();