3.9 Templates -- Input Helpers
2024-09-02 11:37:33
一、Input Helpers
Ember中{{input}}和{{textarea}}是创建常规表单控件最简单的方法。
{{input}}包裹内建的Ember.TextField和Ember.Checkbox视图,然而{{textarea}}包裹Ember.TextArea。使用这些辅助器,你可以用这些声明创建这些视图,和你直接创建<input>和<textarea>几乎相同。
二、Text Fieleds
{{input value="http://www.facebook.com"}}
HTML:
<input type="text" value="http://www.facebook.com"/>
你可以向input helper传递下面这些标准的<input>属性:
`readonly` | `required` | `autofocus` |
`value` | `placeholder` | `disabled` |
`size` | `tabindex` | `maxlength` |
`name` | `min` | `max` |
`pattern` | `accept` | `autocomplete` |
`autosave` | `formaction` | `formenctype` |
`formmethod` | `formnovalidate` | `formtarget` |
`height` | `inputmode` | `multiple` |
`step` | `width` | `form` |
`selectionDirection` | `spellcheck` |
如果这些属性被字符串包括,它们的值将被直接设置到元素上。如果没有引号,这些值将被绑定到模板当前渲染上下文的一个属性。
example:
{{input type="text" value=firstName disabled=entryNotAllowed size="50"}}
将绑定disalbed属性绑定到当前上下文中entryNotAllowed 值。
三、Actions
为一个action派遣一个特定事件,例如enter或者key-press。
{{input value=firstName key-press="updateFirstName"}}
四、CheckBoxes
你也可以通过设置type,使用{{input}}去创建一个checkbox。
{{input type="checkbox" name="isAdmin" checked=isAdmin}}
Checkboxes支持以下属性:
- checked
- disabled
- tabindex
- indeterminate
- name
- autofocus
- form
它可以绑定或设置如前一节中所述。
五、Text Areas
{{textarea value=name cols="80" rows="6"}}
将会绑定textarea的值到当前上下文中的name。
{{textarea}}支持下面属性:
- value
- name
- rows
- cols
- placeholder
- disabled
- maxlength
- tabindex
- selectionEnd
- selectionStart
- selectionDirection
- wrap
- readonly
- autofocus
- form
- spellcheck
- required
最新文章
- dev GridControl 根据鼠标坐标 选中行
- HDU4609 3-idiots(母函数 + FFT)
- c# 集合适配器
- QPaintDevice: Cannot destroy paint device that is being painted
- Android.mk中添加宏定义
- C and C++ 如何嵌套使用
- ZOJ Problem Set - 3861 Valid Pattern Lock(dfs)
- UVa 11922 - Permutation Transformer 伸展树
- getView 数据最后加一项
- MITK-Qt4.8.4(x64)+VS2012+Win7_X64 编译记录
- 高级UIKit-08(TCPSocket)
- What is tradebit?
- 第二次项目冲刺(Beta阶段)--第三天
- 最快1天搭建短视频APP!阿里云短视频解决方案上线
- 【python】python嵌套循环内层循环只执行一次
- Python参数传递(传值&;传引用)
- Window环境下,PHP调用Python脚本
- Python之路 - Socket实现远程执行命令
- kbmmw 中XML 操作入门
- command not found Operation not permitted