Working with form fields---1
来源:互联网 发布:22lr子弹淘宝 编辑:程序博客网 时间:2024/05/29 07:00
submit 绑定
目的
submit 绑定在 form 表单上添加指定的事件句柄以便该 form 被提交的时候执行 定义的 JavaScript 函数。只能用在表单 form 元素上。
当你使用 submit 绑定的时候, Knockout 会阻止 form 表单默认的 submit 动作。换句话说,浏览器会执行你定义的绑定函数而不会提交这个 form 表单到服务器 上。可以很好地 解释这个,使用 submit 绑定就是为了处理 view model 的自定 义函数的,而不是再使用普通的 HTML form 表单。如果你要继续执行默认的 HTML form 表单操作,你可以在你的 submit 句柄里返回 true。
例子
这个例子里,KO 将把整个 form 表单元素作为参数传递到你的 submit 绑定函数里。你可以忽略不管,但是有些例子里是否有用,参考:ko.postJson 工具。
为什么不在 submit 按钮上使用 click 绑定?
在 form 上,你可以使用 click 绑定代替 submit 绑定。不过 submit 可以 handle 其它的 submit 行为,比如在输入框里输入回车的时候可以提交表单。
参数
备注:
关于如果传递更多的参数给 submit 绑定函数,或者当调用非 view model 里的函 数的时如何控制 this,请参考 click 绑定。所有 click 绑定相关的 notes 也都 适用于 submit 绑定。
依赖性
除 KO 核心类库外,无依赖。
enable 绑定
目的
enable 绑定使 DOM 元素只有在参数值为 true 的时候才 enabled。在 form 表单 元素 input,select,和 textarea 上非常有用。
例子
这个例子里,“Your cellphone number”后的 text box 初始情况下是禁用的, 只有当用户点击标签 “I have a cellphone”的时候才可用。
参数
注:任意使用 JavaScript 表达式
不紧紧限制于变量 – 你可以使用任何 JavaScript 表达式来控制元素是否可用。 例如,
依赖性
除 KO 核心类库外,无依赖。
目的
disable 绑定使 DOM 元素只有在参数值为 true 的时候才 disabled。在 form 表 单元素 input,select,和 textarea 上非常有用。
disable 绑定和 enable 绑定正好相反,详情请参考 enable 绑定。
- Working with form fields---1
- Working with form fields---2
- Drupal Working with nodes, content types and fields
- Working with Events, part 1
- Chapter 1: Working with strings
- Working with FBX SDK (1)
- Trimming form fields
- django Form fields
- Working With The File System & Streams (1)
- java.lang.IllegalArgumentException: Tuple created with wrong number of fields. Expected 1 fields but
- Working with XML nodes
- Working With System Events
- Working with Snort Rules
- Working with XML nodes
- Working with Delegates
- Working with Windows Registry
- Working with EXIF data
- Working with Files
- ASP.NET MVC4中@model使用多个类型实例的方法
- Thinking in java-8 单继承和多态
- 魔术2
- 51单片机学习第三天
- 主题五 内存管理的艺术----32.头疼的野指针
- Working with form fields---1
- Python规范
- 虚树
- 6.18-Python-语言及其应用-笔记-像高手一样玩转数据-未完!
- 流畅的python--字典中的散列表
- binding之component
- angularjs-依赖注入:显示注入和隐式注入
- 【机器学习算法模型】分类决策树——CART
- XWalkView