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

jerry Kendo UI 2015年11月25日 收藏

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>
  9.  

输出:

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>

20130818003

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