Knockout 实例

定义见:http://baike.baidu.com/item/Knockout/18611883#viewPageContent

此处仅列举一个小例子

<p>  
    <select data-bind="options: departmentList,  optionsText: 'departmentName', optionsValue: 'departmentID',optionsCaption:'请选择'"></select>  
</p>
<script type="text/javascript">
$(function(){
  var model= {
    departmentList:[{"departmentID": "1","departmentName": "信息技术部"},{"departmentID": "2","departmentName": "财务部"}]
  };
  ko.applyBindings(model); }); </script>

  本例子意义在于将js的model对象在前台展示,此处model可以是js定义的,也可以是java返回的,只要格式满足上面就行。

  data-bind的几个属性:

    options----model的一个对象---------此处不可用引号将对象名括起来

    optionsText---要展示的内容的text键名

    optionsValue---要展示的内容的id键名

  applyBindings 用来激活Knockout。

原文地址:https://www.cnblogs.com/xiufengd/p/5761578.html