首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-09-10 
Kendo UI开发教程(20): Kendo MVVM 数据绑定(九) TextText绑定可以使用ViewModel来设置DOM元素的文本属性,

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

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

1<span data-bind="text: name"></span>2<script>3var viewModel = kendo.observable({4    name: "John Doe"5});6 7kendo.bind($("span"), viewModel);8</script>

本例输出:

John Doe

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

1<span data-bind="text: name"></span>2<script>3var viewModel = kendo.observable({4    name: "<strong>John Doe</strong>"5});6 7kendo.bind($("span"), viewModel);8</script>

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

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

热点排行