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