Kendo UI开发教程(17): Kendo MVVM 数据绑定(六) Html

Html绑定可以使用ViewMode的属性来设置DOM元素的innerHTML属性。如果ViewModel的属性的数据类型不是字符串，比如（Text，Number或者Date),那么会调用toString()方法，将这些值转为字符串。
注意:如果需要设置input,textarea或是select的值，需要使用value绑定。
例如：

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

2	< script >

3	var viewModel = kendo.observable({

4	name: "John Doe"

5

});

6

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

8	</ script >

这个结果显示如下html元素：

1	< span >John Doe</ span >

如果ViewModel 的值包含HTML标记，这些标记和作为最后结果显示出来，比如：

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

2	< script >

3	var viewModel = kendo.observable({

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

5

});

6

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

8	</ script >

显示如下：John Doe如果只想显示ViewModel的值，可以使用text绑定。