gan068

很多時候，我們不想把HTML碼綁死在我們主機的前、後端script檔案中，
畢竟在抽換UI的時候，那個抽換UI的人，通常都是視覺設計師或是美編，
他們往往不懂前端、後端的script，所以樣板這個東西，可以當作是控制介面的一個方便功能！

Ext.Template提供了很多的樣板取得方法，
可以hard code在你的script內，
或是動態的innerHTML，
或是從已建好的靜態textarea內讀取，
樣板的變數都長的像這樣{var}，變數都用中括號包起，
裡面就是變數名稱

<!--樣板開始-->
<textarea id="the_template" style="display:none;">
<!--樣板HTML開始-->
<img src="{url}" />
 <!--樣板HTML結束-->
</textarea>
<!--樣板結束-->

從指定元素內取得樣板，並把編譯好的樣板指定給html變數，
注意：Ext.Template.from是static方法，所以不需實體化(new)

var html;
var my_template = Ext.Template.from('the_template');
html=my_template.applyTemplate({url:src_text});

程式內hard code樣板

var html;
var my_template = new Ext.Template('<img src="{url}" src="{url}">');
html=my_template.applyTemplate({url:src_text});

目前我用到的就這兩種方法，其他方法以後再慢慢補上