在Meteor中改变钩子中的反应变量值

Question

我有

Template.templateName.onCreated(function() {
  this.variableName = new ReactiveVar;
  this.variableName.set(true);
});

在templateName我有一个autoform 。 我需要在提交autoform时将反应变量variableName设置为false 。

我试过了

AutoForm.hooks({
  myForm: {
    onSuccess: function(operation, result) {
      this.variableName.set(false);
    },
  }
});

但是从那以后它就不起作用了this. 不会像帮助程序和事件中那样引用模板templateName 。 如果我使用会话，它会起作用，因为它们不限于特定模板。

如何更改autoform hook中的反应变量？

我也试过了

AutoForm.hooks({
  myForm: {
    onSuccess: function(operation, result) {
      this.template.variableName.set(false);
      this.template.parent.variableName.set(false);
      this.template.parent().variableName.set(false);
      this.template.parentData.variableName.set(false);
      this.template.parentData().variableName.set(false);
      this.template.parentView.variableName.set(false);
      this.template.parentView().variableName.set(false);
    },
  }
});

使用console.log(this.template)它会打印一个对象。 如果我使用console.log(this.template.data)我得到

Object {id: "myForm", collection: "Meteor.users", type: "update", doc: Object, validation: "submitThenKeyup"…}

我使用反应变量variableName来确定是显示可编辑的表单还是显示用户的数据的良好表示。 也许有另一种更好的方法来做到这一点。

Answer 1

编辑onCreated：

Template.templateName.onCreated(function() {
  this.variableName = new ReactiveVar(false);
});

您可能需要添加辅助函数来获取Template实例：

Template.templateName.helpers({
    getVariableName: function() {
      return Template.instance().variableName.get();
    }
});

然后你可能会在你的表单逻辑中调用

AutoForm.hooks({
  myForm: {
    onSuccess: function(operation, result) {
      Template.getVariableName.set(false);
    },
  }
});

MeteorChef有一篇关于反应变量/字典Reactive Variables的文章很棒。

Answer 2

如果人们偶然发现这个解决方案，基于这个线程，我可以在安装aldeed：template-extension之后访问父节点 Reactive Dict / Reactive Variable

AutoForm.hooks({                                                                                                                         
  postFormId: {
    //onSuccess hook of my post form
    onSuccess: function(formType, result) {
      this.template.parent().reactiveDictVariable.set('imgId', 'newValueSetOnSuccess');
      //Or reactive var, and depending on your hierarchy
      //this.template.parent().parent().yourReactiveVar.set(undefined);
    }   
  }
});

这里是Html和JS供参考。

<template name="postsTemplate"> 
  {{#autoForm schema=postFormSchema id="postFormId" type="method" meteormethod="addPost"}}
   <!-- other autoform stuff -->
   This is reactive variable used in template -- {{imgId}}
  {{/autoForm}}
</template>


Template.postsTemplate.created = function() { 
  //Using reactive-dict package here                                                                                                   
  this.reactiveDictVariable = new ReactiveDict();
  this.reactiveDictVariable.set('imgId', undefined);
};

Template.posts.events(
  "change .some-class": function(event, template) {
   //other stuff
   template.postImgState.set('imgId', 'something');
}