Kendo UI 數(shù)據(jù)綁定(六) Html

Kendo MVVM 數(shù)據(jù)綁定(六) Html

Html 綁定可以使用 ViewMod e 的屬性來(lái)設(shè)置 DOM 元素的 innerHTML 屬性。如果 ViewModel 的屬性的數(shù)據(jù)類(lèi)型不是字符串，比如（Text， Number 或者 Date),那么會(huì)調(diào)用 toString() 方法，將這些值轉(zhuǎn)為字符串。注意:如果需要設(shè)置 input,textarea 或是 select 的值，需要使用 value 綁定。例如：

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

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

這個(gè)結(jié)果顯示如下 html 元素：

<span>John Doe</span>

如果 ViewModel 的值包含 HTML 標(biāo)記，這些標(biāo)記和作為最后結(jié)果顯示出來(lái)，比如：

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

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

顯示如下：

John Doe

如果只想顯示 ViewModel 的值，可以使用 text 綁定。