Как лениво загрузить html-шаблон в yui3?

Как я могу лениво загружать html-шаблоны в yui3? Глядя на примеры, кажется, что предпочтительный способ загрузки шаблонов — встроить их в элемент скрипта в html, как в этом примере:

http://yuilibrary.com/yui/docs/app/app-todo.html

Я попытался поместить свой шаблон в собственный html-файл, а затем лениво загрузить его с помощью класса Get, но это действительно загружает содержимое как скрипт, что, очевидно, не работает.

Итак, подходит ли IO Utility? Это кажется сложным способом сделать что-то простое, например, загрузить фрагмент html. Если это лучший способ сделать это, может ли кто-нибудь привести простой пример?


javascript lazy-loading yui yui3
person jstevej    schedule 02.03.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Попробуйте node.load(urlToFetchTemplate); где сервер возвращает тег ‹script> с идентификатором и разметкой шаблона внутри.

person Luke    schedule 02.03.2012
comment
Вероятно, я мог бы это сделать, загрузив шаблон в скрытый div. Однако я надеялся найти способ загрузить его непосредственно в переменную. У меня есть кое-что более или менее работающее с Y.io, но я надеялся, что это распространенная проблема, и будет общепринятый стандартный способ сделать это. - person jstevej; 03.03.2012

arrow_upward
0
arrow_downward

Я пытался исследовать YUI.io для этого. Но на данный момент я придумал обходной путь (уродливое решение) — обернуть все содержимое шаблона методом javascript. Файл запускается в браузере, когда он загружается как javacript загрузчиком YUI3.

Template File :  mypopup.js 

writeTemplate(' <-- my whole template content goes here with js escaped-->');

== and here is the function to write the template to hidden placeholder on the page ===

window.writeTemplate = function(txt) {
    document.getElementById('templateHolder').innerHTML = txt;
}

Пожалуйста, обновите эту тему, если вы найдете более чистый способ сделать это.

person CoderTR    schedule 20.06.2012