javascript - 如何使用多个输入字段和一个更新按钮更新 Meteor 中的文档

Question

我有一个弹出的模式，让用户更新集合中的一些字段。例如，它将有多个客户地址的输入字段(该模式有一个按钮来执行更新):

...
<input type="text" id="full-name-change-modal">
<input type="text" id="address-change-modal">
<input type="text" id="city-change-modal">
<input type="text" id="state-change-modal">
...

因此，如果用户想要更改客户端的全名，则更新将仅包括相应输入不为空的那些字段。在这种情况下，更新内容将如下所示:

Collection.update({ _id: documentNameAddress._id}, {$set: {FullName: <name from input> }});

如果用户想要更改地址、城市、州和邮政编码，则需要阅读:

Demographic.update({ _id: documentNameAddress._id}, {$set: {Address: <address from input>, City: <city from input>, State: <state from input>, Zip: <zip from input> });

如果可能的话，我不想为每个字段都有一个单独的按钮。我怎么能这样做呢？

Answer 1

您最终将获得Collection 的一项可选更新，然后您可以根据表单中的非空字段为Demographic 构建更新:

Template.myTemplate.events({
  'click button':function(ev){

    var FullName = $("#full-name-change-modal").val();
    if ( FullName ) Collection.update({ _id: documentNameAddress._id}, {$set: {FullName: FullName }});

    var query = {};
    var Address = $('#address-change-modal').val();
    if ( Address ) query.Address = Address;
    var City = $('#city-change-modal').val();
    if ( City) query.City = City;
    var State = $('#state-change-modal').val();
    if ( State ) query.State = State;
    if ( Object.keys(query).length ) Demographic.update(query);
  }
});