Question

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

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

这是我想做的事情：

日历 - 活动人数＆amp;渲染：

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

该功能未被删除，它被重命名，很久以前它也改变了行为（当火花被火焰取代时）。

您要找的是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);

以编程方式（非声明性）呈现Meteor模板

1 个答案: