Kendo UI开发教程(20): Kendo MVVM 数据绑定(九) Text

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

1	<span data-bind="text: name"></span>

2

<script>

3	var viewModel = kendo.observable({

4	name: "John Doe"

5

});

6

7	kendo.bind($("span"), viewModel);

8

</script>

本例输出：

John Doe

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

1	<span data-bind="text: name"></span>

2

<script>

3	var viewModel = kendo.observable({

4	name: "<strong>John Doe</strong>"

5

});

6

7	kendo.bind($("span"), viewModel);

8

</script>

如果需要以粗体显示，则可以使用前面介绍的html绑定。