Загрузка удаленных шаблонов jsRender (проблема с данными AJAX)

Я нашел решение проблемы, которую я имел, и это была комбинация того, как я вызывал шаблон и параметры, установленные в ajax. Вот решение, которое сработало для меня:

$(function () { /* js ready function */
    lazyGetTemplate('PopupChildren');
});

/* this is the function that loads the template from the script */
function lazyGetTemplate(name) {
   var deferred = $.Deferred();
   if ($.templates[name]) {
       deferred.resolve();
   }
   else {
    $.getScript("/_Scripts/" + name + ".js").then(function () {
        if ($.templates[name]) {
            deferred.resolve();
        }
        else {
            alert("Script: \"" + name + ".js\" failed to load.");
            deferred.reject();
        }
    });
   }
 }

/* this is the ajax calling my additional items for display */
function selItem(cControl, treeID, treeTrans) {
var parentID = treeID;

if ($(cControl).parent().find('ul').length == 0) {
    $.ajax({
        type: "Post",
        url: "Contractor_ws.asmx/web_getChildren",
        async: true, 
        dataType: "JSON",
        data: "{parentID:" + parentID + ", popupType:'" + $('#hid_popupType').val() + "'}",
        contentType: "application/json",
        success: function (data) {
            if (data != null) { //menu item has children
                $(cControl).after("<div id=\"div_Child\"></div>");
                $div_Child = $(cControl).parent().find('#div_Child');
                $div_Child.hide();
                var myData = data.d;
                $div_Child.html($.templates.PopupChildren.render(myData));
                $div_Child.show('slow');
            }
        },
        error: function (xhr) {
            alert(xhr.responseText);
        }
    });
  }
}

/* this is the content of the actual script that gets called from the lazyGetTemplate() */
$.templates("PopupChildren", "<ul>{{for}}<li><a onclick=\"selItem(this,\'{{:TypeID}}\',\'{{:Value}}\');\">{{:Value}}</a>{{/for}}</ul>");

Некоторые конкретные замечания о том, что я узнал при реализации этого конкретного jQuery для новичков js/jsRender. Я должен был убедиться, что шаблон загружается на страницу до ее вызова. Мне также пришлось ссылаться на "data.d", когда я передавал данные в шаблон. Вызов данных был недостаточным. Я также потратил немного драгоценного времени, когда меня смутили данные ajax и подумал, что элементы, которые я пытался отобразить, были внутри массива под названием "Дети", который я обнаружил не так. И последние две части, которые сделали эту работу, я должен был установить асинхронное значение true, и мне пришлось установить dataType в "JSON". В частности, о типе dataType есть еще одна публикация, в которой упоминается установка его "текста", чтобы он работал, и с моей проблемой, которая не зависела от нее, но ее чем-то, что могло бы помочь кому-то еще в будущем. И последнее, в частности, о самом скрипте шаблона, мне не нужно было указывать фактическое имя элемента в инструкции for. Я подумал, что, основываясь на некоторых примерах, которые я видел, мне нужно было поставить {{для данных}} или {{для детей}}, но, я предполагаю, потому что я передал data.d в конце, просто называя {{for} } было достаточно.

Сначала вы просмотрели вкладку "Полный код" на странице JSViewsRemoteLoadTemplates? Вы можете запустить эту страницу HTML в качестве отправной точки для тестирования и изменения выборки

$.when() используется для объединения обещаний. В приведенном выше примере есть только один - так что вы можете писать (без использования $.when):

function getMyTemplate() {
    lazyGetTemplate("PopupChildren")
        .done(function () {
            var html = $.templates.PopupChildren.render(data);
            $div_Child.html(html);
         });
}

Но для того, чтобы ваш шаблон работал, текущий синтаксис {{if...}} {{/if}} и аналогичным образом для {[for...}}.

{{#if...}} {{#/if}} неверен. (Также у вас есть дополнительный +: '{{#/if}}' + );)

И в вашем упрощенном шаблоне вы должны написать {{for Children}} - я предполагаю. {{for}} по себе ничего не сделает...