kendo 数据绑定：data-bind

kendo中的数据绑定data-bind跟Angularjs中的ng-model类似。Kendo UI MVVM 数据绑定支持的绑定属性有 attr, checked, click, custom , disabled,enabled, events, html, invisible, , style, text ,value, visible ，这些属性可以绑定到 DOM 元素或是 Kendo UI 组件的属性。

（1）html：data-bind= “html：name”改变name的值，页面当中的数据也会随之发生改变。

<span data-bind="html: name"></span>
<script>
    var viewModel = kendo.observable({
        name: "John "
    });
    kendo.bind($("span"), viewModel);
</script>

输出：John .

如果 ViewModel 的值包含 HTML 标记，这些标记会作为最后结果显示出来，比如：

<span data-bind="html: name"></span>
<script>
    var viewModel = kendo.observable({
         name: "<strong>John</strong>"
    });
    kendo.bind($("span"), viewModel);
</script>

输出：John

（2）text：data-text=“html ：name”若是name当中出现标签，也会被渲染到页面当中；
Text 绑定可以使用 ViewModel 来设置 DOM 元素的文本属性，如果需要设置 input,textarea,或 select 的显示，需要使用 value 属性。

<span data-bind="text: name"></span>
<script>
var viewModel = kendo.observable({
    name: "<strong>John Doe</strong>"
});

kendo.bind($(