2012-03-02 13 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を探索しようとしていました。しかし、今のところ、私はjavascriptメソッドでテンプレートの内容全体をラップすることです(醜い解決策)の周りに仕事を思い付いた。 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; 
} 

これをよりクリーンな方法で見つけたら、このスレッドを更新してください。

関連する問題