在骨干视图中,在其事件哈希中,我添加了一个输入类型的已更改事件,该事件将触发函数并将值设置为视图上的某些元素。现在在视图渲染中,我使用下划线延迟方法将值设置为输入类型,以便在视图附加到DOM后设置值。这会在视图上设置输入类型的值,但不会触发它的已更改事件,应该为视图内的其他字段设置值。
任何帮助表示赞赏!
SomeView = Backbone.View.extend({
template: 'example.html',
events: {
"change #InputElementId": "UpdateFields"
},
renderTemplate: function () {
var view = this,
model = view.options.selectedModel;
podiumApp.fetchTemplate(view.template, function (tmpl) {
view.$el.html(tmpl(model.toJSON()));
});
},
render: function () {
var view = this,
view.renderTemplate();
_.defer(view.loadInputValue); `enter code here`
return view;
},
loadInputValue: function () {
$('#InputElementId').val(model.get('InputRangeValue'));
},
UpdateFields: function(){`enter code here`
// Some logic`enter code here`
console.log('Changed event fired');
});
以编程方式设置值不会触发change
事件,您必须自己触发它
this.$('#InputElementId').val(model.get('InputRangeValue')).trigger('change');
SomeView = Backbone.View.extend({
template: 'example.html',
events: {
'change #InputElementId': 'updateFields'
},
initialize: function() {
this.model = this.options.selectedModel;
},
renderTemplate: function() {
podiumApp.fetchTemplate(this.template, function(tmpl) {
this.$el.html(tmpl(this.model.toJSON()));
}.bind(this));
},
render: function() {
this.renderTemplate();
_.defer(this.loadInputValue.bind(this));
return this;
},
loadInputValue: function() {
var value = this.model.get('InputRangeValue');
this.$('#InputElementId').val(value).trigger('change');
},
UpdateFields: function() {
// Some logic
console.log('Changed event fired');
});