Kendo MVVM 数据绑定(九) Text

最新推荐文章于 2021-12-30 09:36:44 发布

转载最新推荐文章于 2021-12-30 09:36:44 发布 · 132 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/miaosj/p/10362348.html

本文详细介绍了KendoMVVM框架中如何使用文本绑定功能，通过实例展示了如何将ViewModel中的数据绑定到DOM元素的文本属性，适用于设置静态文本显示。同时，文章对比了在需要显示HTML标记时，文本绑定与html绑定的区别。

Kendo MVVM 数据绑定(九) Text

Text 绑定可以使用 ViewModel 来设置 DOM 元素的文本属性，如果需要设置 input,textarea,或 select 的显示，需要使用 value 属性。

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

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

本例输出：

John Doe

如果 V iewModel 的值包含 html 标记，这些标记会直接显示出 html 标记，比如：

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

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