Kendo ui Test

HTML

<script src="https://ocp.cscglobal.com/cdn/global/3plib/kendoui/2014.2.716/js/kendo.all.min.js"></script>
<section id="simpleTest">
    <p data-bind="text: parentNumber"></p>
    <button id="changeValue">Change</button>
    <section data-template="simpleTestChildTemplate" data-bind="source: child" />
</section>

<script id="simpleTestChildTemplate" type="text/x-kendo-template">
    <section>
        
        <a data-bind="visible: showLink">BlahBlah</a>
    </section>
</script>

JavaScript

var viewModel = null;

    $(document).ready(function () {
        viewModel = kendo.observable({
            parentNumber: 1,
            child: { showLink: function () { return this.get('parent().parentNumber') == 2 } }
        });

        kendo.bind($('#simpleTest'), viewModel);

        document.getElementById('changeValue').onclick = function () {
            if (viewModel.parentNumber == 1)
                viewModel.set('parentNumber', 2);
            else
                viewModel.set('parentNumber', 1);
        }
    });