重置 backbone.js 属性散列
Resetting backbone.js attributes hash
我在 backbone 中创建了一个模型:
var app={};
app.pilot_id = $("#user_id").val();
app.Pilot = Backbone.Model.extend({
url: POST_SUBMITTER.root + 'pilotdata/v1/pilot/',
sync: function(method, model, options) {
return Backbone.sync(method, this, $.extend(options, {
beforeSend: function (xhr) {
xhr.setRequestHeader ('X-WP-NONCE', POST_SUBMITTER.nonce);
}
}))
},
defaults : {
lastName: 'Doe',
firstName: 'John'
},
initialize : function() {
this.fetch({ data: ({id: app.pilot_id})});
}
});
app.pilot = new app.Pilot();
{ 获取后 lastName 将是 'Smith' 并且 firstName 将是 'Sue'
我用 backform.js
创建了一个视图
app.PilotForm = Backform.Form.extend({
el: $("#personalInformation"),
events: {
"submit": function(e) {
e.preventDefault();this.model.save( {patch: true})
.done(function(req, status, err) {
alert( status + ', ' + err);
console.log(status, err);
})
.fail(function(req, status, err) {
alert( status + ', ' + err);
});
return false;
}
},
fields: [
{name: "id", label: "Id", control: "uneditable-input"},
{name: "firstName", label: "First Name", control: "input"},
{name: "lastName", label: "Last Name", control: "input"},
{control: "button", label: "Save to server"}
],});
new app.PilotForm({model: app.pilot}).render();
这将是一个多页表单。每次只需要更新几个字段。所以我想用 "PATCH" 更新服务器,但是所有从提取中预先填充的字段都被标记为已更改。因此,所有内容都在 PATCH 请求中发送。
创建新 app.PilotForm 后...我添加了
app.pilot.attributes={};
这确实有效;现在,当我更改一个字段时,只有该字段会在 PATCH 请求中发送。但是,文档表明直接使用属性散列是不好的。有一个更好的方法吗?
您可以使用 changedAttributes
、previousAttributes
等模型方法来查找要发送到服务器的信息,然后使用 [=17= 的 patch
选项]:
If instead, you'd only like the changed attributes to be sent to the server, call model.save(attrs, {patch: true})
. You'll get an HTTP PATCH request to the server with just the passed-in attributes.
其中 attrs
是您想要的有效载荷
我在 backbone 中创建了一个模型:
var app={};
app.pilot_id = $("#user_id").val();
app.Pilot = Backbone.Model.extend({
url: POST_SUBMITTER.root + 'pilotdata/v1/pilot/',
sync: function(method, model, options) {
return Backbone.sync(method, this, $.extend(options, {
beforeSend: function (xhr) {
xhr.setRequestHeader ('X-WP-NONCE', POST_SUBMITTER.nonce);
}
}))
},
defaults : {
lastName: 'Doe',
firstName: 'John'
},
initialize : function() {
this.fetch({ data: ({id: app.pilot_id})});
}
});
app.pilot = new app.Pilot();
{ 获取后 lastName 将是 'Smith' 并且 firstName 将是 'Sue'
我用 backform.js
创建了一个视图app.PilotForm = Backform.Form.extend({
el: $("#personalInformation"),
events: {
"submit": function(e) {
e.preventDefault();this.model.save( {patch: true})
.done(function(req, status, err) {
alert( status + ', ' + err);
console.log(status, err);
})
.fail(function(req, status, err) {
alert( status + ', ' + err);
});
return false;
}
},
fields: [
{name: "id", label: "Id", control: "uneditable-input"},
{name: "firstName", label: "First Name", control: "input"},
{name: "lastName", label: "Last Name", control: "input"},
{control: "button", label: "Save to server"}
],});
new app.PilotForm({model: app.pilot}).render();
这将是一个多页表单。每次只需要更新几个字段。所以我想用 "PATCH" 更新服务器,但是所有从提取中预先填充的字段都被标记为已更改。因此,所有内容都在 PATCH 请求中发送。
创建新 app.PilotForm 后...我添加了
app.pilot.attributes={};
这确实有效;现在,当我更改一个字段时,只有该字段会在 PATCH 请求中发送。但是,文档表明直接使用属性散列是不好的。有一个更好的方法吗?
您可以使用 changedAttributes
、previousAttributes
等模型方法来查找要发送到服务器的信息,然后使用 [=17= 的 patch
选项]:
If instead, you'd only like the changed attributes to be sent to the server, call
model.save(attrs, {patch: true})
. You'll get an HTTP PATCH request to the server with just the passed-in attributes.
其中 attrs
是您想要的有效载荷