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