jquery - 一个文件中的多个模板 JSRender

Question

我想将多个模板保留在一个外部模板文件中。但我不知道如何从整个文件中获取一个模板

Answer 1

你的模板集合需要有不同的脚本标签(作为 jsRender 的默认内联用法)。然后您可以加载集合文件，找到请求的部分并渲染它，应该以某种方式工作:(未经测试，只是理论)

my.renderUtils = (function () {
  // your template file (contains a set of script tags with ids)
  var templateFile = "template/file.html";
    renderTemplate = function (templateSelector, targetSelector, data) {
      $.get(templateFile, null, function (templateCollection) {
        var template = $(templateCollection).find( templateSelector ), /* find the correct part from the collection */
            tmpl = $.templates(template), /* rendering process */
            htmlString = tmpl.render(data);
        if (targetSelector) {
          $(targetSelector).html(htmlString); /* add it to your target */
        }
        return htmlString;
      });
    };
    return {
      renderExternalTemplate: renderTemplate
    };
})()

// usage 
my.renderUtils.renderExternalTemplate("yourTemplateFilePartID", "#yourTargetSelector", {yourdata:''}});