Kendo UI

jQuery + Kendo UI + MockJax + Knockout

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.blueopal.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<ul data-template="ul-template" data-bind="source: products">
</ul>
<script id="ul-template" type="text/x-kendo-template">
    <li>
        id: <span data-bind="text: id"></span>
    </li>
</script>
<script>
    var viewModel = kendo.observable({ products: [ { id: 1 }, { id: 2 }, { id: 3 } ] });
    kendo.bind($("ul"), viewModel);
</script>

JavaScript

<ul id="dispensingOption" data-template="dispensingOption-template" data-bind="source: dispensingOptions" >/ul>

<script id="dispensingOption-template" type="text/x-kendo-template">
    <li data-bind="text: this"></li>
</script>       

        
<script type="text/javascript">
    var rxDetailViewModel = kendo.observable({    
        dispensingOptions:function()
        {
            return ["otot", "tutu"];    
        });     
</script>