以编程方式（非声明方式）渲染 Meteor 模板

Question

我正在尝试使用 eventRender 自定义添加到 FullCalendar 的事件。我知道我可以直接从我的 eventRender 方法返回 HTML，但我更愿意以编程方式将事件数据与预定义的 Meteor 模板（带有关联事件）合并。

以前我可以使用Meteor.render()，但该功能不再可用。我对Template.dynamic 很熟悉，但这似乎只能以声明方式使用，而且我在这里看到的大多数问题都很老，所以请参阅已弃用的功能。

这是我想做的：

日历 - 事件填充和渲染：

Template.dashboard.rendered = function(){
  $('#calendar').fullCalendar({
    events: function(start, end, timezone, callback) {
      callback(Events.find().fetch()); 
    },

    eventRender: function(event, element) {
      // PROGRAMMATICALLY RENDER TEMPLATE
      // The following does not work - no data is attached 
      return Template.calendarEvent.renderFunction(event);
    }
  });
};

事件模板 HTML

<template name="calendarEvent">
  {{title}} 
  <!-- full layout for rendering event here -->
</template>

事件模板 JS

Template.calendarEvent.events({
  // define template event handlers
});

Answer 1

该函数没有被删除，它被重命名，并且在很久以前它也改变了行为（当 spark 被 blaze 替换时）。

你要找的是Blaze.renderWithData。

请注意，它返回的是 Blaze.View，而不是 DOM 对象。

要使其成为 dom 对象，您可以将其作为父对象提供：

var renderedCalendarEvent = document.createElement("div");

Blaze.renderWithData(Template.calenderEvent, event, renderedCalendarEvent);

DOM 元素 renderedCalendarEvent 将对模板使用的任何响应式资源做出反应。

如果您需要 HTML，您可以使用 Blaze.toHTMLWithData，但该 html 将保持静态。

Blaze.toHTMLWithData(Template.calenderEvent, event);