XTemplate的使用

var tpl = new Ext.XTemplate(
'<tpl for=".">',
'<div id="{id}" style="margin-left:10px;margin-top:15px;"><img class="pt-service-test-icon" src="../images/s.gif"/>{name}:(<span class="pt-service-test-time"></span>)</div>',
'</tpl>'
);
上面这段的意思是：在页面上有一个DIV，其中包含一张图片，文字说明：（说明），
然后要根据判断改变图片的样式。
//得到返回对象
var object = Ext.util.JSON.decode(response.responseText);
var itemsO = object.items;
var item,time,icon;
for(var i = 0;i<itemsO.length;i++){
item = Ext.get(itemsO[i].id);
icon = item.child(".pt-service-test-icon");
time = item.child(".pt-service-test-time");
//改变图标
if(itemsO[i].res === 'true'){
icon.addClass("pt-service-test-yes");
}else if(itemsO[i].res === 'false'){
icon.addClass("pt-service-test-no");
}
time.dom.innerHTML = itemsO[i].time;

//向一个div中加入另一个div

var res_el = Ext.get('testvalue');

var el = res_el.createChild({
tag:'div',
style:'padding-top:120px;margin-left:100px'
});
var btn = new Ext.Button({
text:'重新测试',
handler:function(){
test();
}
})
btn.render(el);