KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
作者:SmallProgram 时间:2023-08-13 03:12:44
Knockout是一个以数据模型(data model)为基础的能够帮助你创建富文本,响应显示和编辑用户界面的JavaScript类库。任何时候如果你的UI需要自动更新(比如:更新依赖于用户的行为或者外部数据源的改变),KO能够很简单的帮你实现并且很容易维护。
submit绑定目的
submit绑定即为提交绑定,通常用于form元素。这种绑定方式会打断默认的提交至服务器的操作。转而提交到你设定好的提交绑定回调函数中。如果要打破这个默认规则,只需要在回调函数中返回true即可。
例如:
<form data-bind="submit: doSomething">
... form contents go here ...
<button type="submit">Submit</button>
</form>
<script type="text/javascript">
var viewModel = {
doSomething : function(formElement) {
// ... now do something
}
};
</script>
在回调函数中,你可以做很多事情,比如前端数据验证if ($(formElement).valid()) { /* do something */ }。等等。
enable绑定目的
enable绑定主要用于DOM元素的启用禁用状态,通常用于input,select或者textarea。例如:
I have a cellphone
Your cellphone number:
源码:
<p>
<input type='checkbox' data-bind="checked: hasCellphone" />
I have a cellphone
</p>
<p>
Your cellphone number:
<input type='text' data-bind="value: cellphoneNumber, enable: hasCellphone" />
</p>
<script type="text/javascript">
var viewModel = {
hasCellphone : ko.observable(false),
cellphoneNumber: ""
};
</script>
disable绑定目的
disable绑定与enable绑定整好相反,你可以参考enable。
来源:http://www.cnblogs.com/smallprogram/p/5942416.html
标签:knockoutjs,submit,disable,enable
0
投稿
猜你喜欢
Python+Dlib+Opencv实现人脸采集并表情判别功能的代码
2022-02-26 00:53:49
Flowable数据库表分类及数据字典解析
2024-01-14 16:55:10
python 构造三维全零数组的方法
2022-05-11 06:01:20
JS鼠标事件大全 推荐收藏
2024-05-28 15:41:00
Python中re模块:匹配开头/结尾(^/$)
2021-08-31 02:29:13
快速掌握ASP连接11种数据库的常用语法
2008-11-28 15:32:00
php利用cookies实现购物车的方法
2023-07-23 08:32:37
python读取ini配置文件过程示范
2023-07-02 01:18:36
Python单元测试的9个技巧技巧
2023-03-22 09:58:57
vue中的v-show,v-if,v-bind的使用示例详解
2024-05-28 15:48:07
mysql提示[Warning] Invalid (old?) table or database name问题的解决方法
2024-01-14 18:18:54
Python入门教程2. 字符串基本操作【运算、格式化输出、常用函数】 <font color=red>原创</font>
2021-08-21 17:17:21
ajax请求get与post的区别总结
2024-04-29 13:58:25
sql中的 IF 条件语句的用法详解
2024-01-17 12:37:12
使用MYSQL TIMESTAMP字段进行时间加减运算问题
2024-01-13 12:24:29
Python基础教程之异常处理详解
2022-06-10 07:52:17
适合后台管理系统开发的12个前端框架(小结)
2023-08-29 02:11:14
使用numpy对数组求平均时如何忽略nan值
2023-09-19 20:37:24
Python pyecharts绘制词云图代码
2021-03-18 03:17:08
PythonPC客户端自动化实现原理(pywinauto)
2022-11-27 02:24:27