knockout前端经常用的功能

1.表单序号自增长

data-bind="text:$index()+1"

2.日期格式显示

datetime:字段名

3.实用的判断

<--  ko if: 判断条件 -->

//代码块

<-- /ko -->

4.foreach循环，一般用于表格tbody使用遍历集合，形成列表

<tbody data-bind="foreach:data.models.listModel">  //要循环的集合

<tr><td data-bind="fieldName" ></td></tr>  //属性的名称

</tbody>

5.日期格式字段转换显示

<input type="text" data-bind="data.models......"  fieldType="date.models....."/>

6.绑定下拉框的数据，该值是从枚举类型的绑定

<select name="userType" class="form-control" data-bind="options:controlData.userTypeOptions,optionsText:'key',optionsValue:'value',optionsCaption:'请选择', value:search.userType"></select>

data-bind="options:controlData......options,optionsText:'key',optionsValue:'value', value:models.......">
7.单选按钮,id

<input type="radio" id="in" class="form-control" value="0" name="Sex" data-bind="checked:models.model.Sex" /><label for="in">男</label>

<input type="radio" id="out" class="form-control" value="1" name="Sex" data-bind="checked:models.model.Sex" /><label for="out">女</label>

8.可搜索的下拉框

<select name="名称" class="form-control" data-bind="select2: data.名称"></select>

 该值一般用以下方式获取

data.随意名称 = {
     ajaxUrl : '请求地址',
     ajaxParams : function(p) {  //p是json参数 
           return {json参数};   //k是自己创建，v是用p点出属性来

   },
  formatData : function(item) {
     return {
       id : item.主键,
       text : item.字段名
   };
 },
  addData : function(d) {
    data.search.字段名 = d.id;   
  }
};