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