主干更新输入创建新行
Backbone updateOnEnter creates new line
按[编辑]后(在提交单词/定义之后(,我想使用updateOnEnter方法来保存对定义字段的更改并失去焦点,并且字段变得不可编辑。 相反,当我按 Enter 时,光标会跳到下面的行,字段的大小会增加。
这是代码笔:http://codepen.io/anon/pen/zxBZBe
var EntryView = Backbone.View.extend({
model: new Entry(),
tagName:'div',
events:{
'click .edit': 'edit',
'click .delete': 'delete',
'keypress .definition': 'updateOnEnter'
},
delete: function(ev){
ev.preventDefault;
dictionary.remove(this.model);
},
edit: function(ev){
ev.preventDefault;
this.$('.definition').attr('contenteditable', true).focus();
// this.$el.addClass('editing');
},
close: function(){
var definition = this.$('.definition').text();
this.$('.definition').removeattr('contenteditable');
this.model.set('definition', definition);
},
updateOnEnter: function(ev){
if(ev.which == 13){
this.close();
}
},
initialize: function(){
this.template = _.template($("#dictionary_template").html());
},
render: function(){
this.$el.html(this.template(this.model.toJSON()));
return this;
}
});
您的 close 方法有拼写错误。一旦计算了该行,它就会抛出错误并停止执行其余代码。
this.$('.definition').removeattr('contenteditable');
需要
this.$('.definition').removeAttr('contenteditable'); // Capital A in removeAttr.
相关文章:
- 字符串中的
标记未正确在 HTML 中创建新行 - 使用删除文本创建新行
- Razor代码在JavaScript字符串中创建新行
- 输入键以创建新行并聚焦当前输入字段
- 主干更新输入创建新行
- 为什么“”即使被告知不要创建新行
- 如何使用引导程序在一行中存在 3 个缩略图后创建新行
- Javascript 每 n 个,创建新行
- 按回车键时,文本区域不会停止创建新行
- 在文档编写(JavaScript)中创建新行
- 在JavaScript中,换行符实际上并不是在创建新行,有没有其他选择,或者我做错了什么
- 为什么“;innerHTML”;具有<br>不会't创建新行
- 当单击在表中创建新行时,它只会短暂出现
- 如何使用Javascript在HTML中的表上创建新行
- JavaScript在HTML中创建新行,onclick将值粘贴在另一个的下面
- 如何在输出中创建新行(JavaScript Gui)
- 当在控制台中跟踪变量时,如何创建新行
- 如果没有焦点的文本框中有数据,则创建新行,并且在第二行下拉列表中不提供数据
- 如何在角函数ng-repeat中创建新行
- Jquery在创建新行时不向最后一行添加索引