2012-03-02 3 views
0

yui3에서 html 템플릿을 어떻게 지연시킬 수 있습니까? 예를 살펴보면,로드 템플릿 선호하는 방법이 예제처럼 HTML에 스크립트 요소를 포함 할 것 같다 :yui3에서 html 템플릿을 게으른로드하는 방법은 무엇입니까?

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

나는 자신의 HTML 파일 내 템플릿을 넣어 시도하고 그런 다음 Get 클래스를 사용하여 게으른로드를 수행하지만 실제로는 콘텐츠가 스크립트로로드되므로 분명히 작동하지 않습니다.

그렇다면 IO 유틸리티는 어떻게 갈 것입니까? 그것은 html의 덩어리를로드하는 것과 같은 간단한 일을하는 복잡한 방법처럼 보입니다. 그게 최선의 방법이라면, 누구든지 간단한 예제를 제공 할 수 있습니까?

답변

0

시도해보십시오. node.load (urlToFetchTemplate); 여기서 서버는 ID와 템플릿 마크 업이있는 < 스크립트> 태그를 반환합니다.

+0

아마도 숨겨진 div에 템플릿을로드하여 그 작업을 할 수 있습니다. 그러나 변수에 직접로드하는 방법을 찾고 싶었습니다. Y.io와 관련하여 좀 더 많은 작업을 해왔습니다. 그러나 이것이 일반적인 문제 였으면 좋겠고 널리 퍼져있는 표준 방법이있을 것입니다. – JesterVineo

0

나는 이것을 위해 YUI.io를 탐구하려고 노력하고있었습니다. 하지만 지금 당장은 (못생긴 솔루션) 자바 스크립트 메서드로 전체 템플릿 콘텐츠를 래핑하는 것입니다. 이 파일은 YUI3 로더가 javacript로 다운로드 할 때 브라우저에서 실행됩니다.

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; 
} 

더 깨끗한 방법을 찾으면이 스레드를 업데이트하십시오.

관련 문제