您的位置:首页 > 产品设计 > UI/UE

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

2014-01-21 09:15 513 查看


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绑定。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: