KendoUI>Framework>MVVM>Bindings

HTML4属性绑定例子：

<img id="logo" data-bind="attr: { src: imageSource, alt: imageAlt }" />
<script>
    var viewModel = kendo.observable({
        imageSource: "http://www.kendoui.com/image/kendo-logo.png",
        imageAlt: "Kendo Logo"
    });

    kendo.bind($("#logo"), viewModel);
</script>
    

绑定显示结果：

<img id="logo" src="http://www.kendoui.com/image/kendo-logo.png" alt="Kendo Logo"" />

 

HTML5属性绑定例子：

<div data-bind="attr: { data-foo: fooValue, data-bar: barValue }"></div>
<script>
    var viewModel = kendo.observable({
        fooValue: "foo",
        barValue: "bar"
    });

    kendo.bind($("div"), viewModel);
</script>