HTML5开发移动web应用——Sencha Touch篇(5)

这次主要介绍Sencha Touch中的XTemplate组件，利用该组件可以方便的构造html代码，很实用。为了减少不必要的说解，让内容更加简洁清晰，这里直接给出对应代码和代码的相应注释，只要有JavaScript基础的同学就能轻易掌握。

一、利用XTemplate创建HTML代码

var data = { //在这定义需要使用的内容

string_value:'The initial text '

};

var tpl = new Ext.XTemplate(//定义XTemplate模板

'<table>',

'<tr>',

'<td>{string_value}</td>',

'</tr>',

'</table>'

);

var tplHtml = tpl.apply(data);//用apply方法将定义的变量应用到模版中

var myToolbar = Ext.create('Ext.Toolbar',{

docked:'top',

items:[