博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
knockout前端经常用的功能
阅读量:6994 次
发布时间:2019-06-27

本文共 1333 字,大约阅读时间需要 4 分钟。

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;   
  }
};

转载于:https://www.cnblogs.com/SHZX/p/9429105.html

你可能感兴趣的文章
web集群时session同步的3种方法
查看>>
(转)asp.net 高质量缩略图
查看>>
【面经】阿里学长小谈面试
查看>>
进程和线程—Python多线程编程
查看>>
【原创】使用 PKG 包安装 MYSQL( SunOS)
查看>>
python常用模块
查看>>
C#属性有什么作用
查看>>
163. 不同的二叉查找树
查看>>
Batsing的网页编程规范(HTML/CSS/JS/PHP)
查看>>
vue 1.x 总结
查看>>
关于Android Launcher图标上面动态改变数字的实现
查看>>
android设备不识别awk命令,缺少busybox
查看>>
利用接口“组装电脑”
查看>>
LeetCode – Refresh – Plus One
查看>>
LeetCode 90: Subsets II
查看>>
2017-2018-1 20155222 《信息安全系统设计基础》第十四周学习总结
查看>>
第五周作业——用状态转换图描绘复印机的行为
查看>>
[HNOI2002]营业额统计
查看>>
Maven学习总结(五)——聚合与继承
查看>>
落谷P3941 入阵曲
查看>>