Knockout.js hasFocus
2015-08-17 16:50
537 查看
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/knockout-3.3.0.js"></script> <script type="text/javascript"> function PersonViewModel(name) { // Data this.name = ko.observable(name); this.editing = ko.observable(false); // Behaviors this.edit = function () { this.editing(true) } } $(function () { ko.applyBindings(new PersonViewModel("Bert Bertington")); }) </script> </head> <body> <p> Name: <b data-bind="visible: !editing(), text: name, click: edit"> </b> <input data-bind="visible: editing, value: name, hasFocus: editing" /> </p> <p><em>Click the name to edit it; click elsewhere to apply changes.</em></p> </body>
相关文章推荐
- 利用js写的见缝插针小游戏(推荐给新手)
- js实现浏览本地文件并显示扩展名的方法
- json xml flash
- jsonp跨域问题
- JS模仿编辑器实时改变文本框宽度和高度大小的方法
- Javascript正则表达式
- 解析 json 数组
- jsp中c标签循环map集合获得键值
- 关于js文件在html页面中放的位置举例说明
- 子iframe 怎么调用 父级的JS函数
- JS实现下拉框时间选择
- extjs动态导入
- HDU 1869:六度分离【Dijsktra & SPFA & Floyd】
- extjs 横向滚动条 和 本地排序
- jsp内置对象
- jsp简介
- 对于多对一关联的时候使用JSON方式显示不出来的问题
- 【JSOI2008】【BZOJ1016】最小生成树计数
- js实现匹配时换色的输入提示特效代码
- js实现表单Radio切换效果的方法