Json XTemplate创建不起作用

这里是我用来实现Xtemplate的代码，但它没有显示任何值，即使JSON响应成功

XTemplate

    var tab = Ext.create('Ext.Panel', {
        id: 'itemList',
        flex:1,
        width: '100%',
        items: [{
            id: 'itemList',
            width: '100%',
            tpl: new Ext.XTemplate(
                '<div style="margin:0px;" ><table style="margin:0px;padding:0px;height:40px;" width="100%" ><tr><td style="padding:2px 5px;width:90%;"><img src="data:image/jpeg;base64,{itemImage}"/>{itemImage}</td><td style="padding:2px 10px;width:10%;"><img src="resources/img/arrow.png" onclick="invitefriends{\'{userId}\',this)"/></td></tr></table></div>', {
                    getDifference: function (t365, tytd) {
                        return parseFloat(t365 - tytd).toFixed(2);
                    },
                    getCvsWidth: function () {
                        //return screen.width - 210;
                        if ((window.innerWidth - 210) < 350) {
                            return 350;
                        } else {
                            return window.innerWidth - 210;
                        }
                    }
                })

        }]
    }

}

---

我的XTemplate创建有什么问题请帮助我

您应该尝试下面这样的方法

Ext.create('Ext.List', {
    width: 320,
    height: 290,
    id : 'itemList',
    itemTpl: ['<div style="margin:0px;background:#fff;" >'+
              '<table style="margin:0px;padding:0px;height:40px;" width="100%" >'+
              '<tr><td style="padding:2px 5px;width:90%;"><span><img src=""/>'+
              '</span><span>{itemName}<br>{itemDesc}</span></td>'+
              '<td style="padding:2px 10px;width:10%;">'+
              '<img src="resources/img/arrow.png" />'+
              '</td></tr></table></div>'].join(),
    listeners : {
        itemtap: function (list, index, item, record, senchaEvent) {
            if (senchaEvent.event.target.nodeName == 'IMG') {
                 var data = record.getData();
                 var itemId = data.itemId;
                 var itemPurchased = data.itemPurchased;
                // Call viewgiftdetails method and pass itemId and itemPurchased 
            }
        }
    }
});

Ext.create（'Ext.List'{
宽度：320，
身高：290，
id:'项目列表'，
itemTpl:[“”+
''+
''+
“{itemName}
{itemDesc}”+
''+
''+
''）。连接（），
听众：{
itemtap：函数（列表、索引、项、记录、事件）{
if（senchaEvent.event.target.nodeName=='IMG'）{
var data=record.getData（）；
var itemId=data.itemId；
var itemPurchased=data.itemPurchased；
//调用viewgiftdetails方法并传递itemId和itemPurchased
}
}
}
});

Ext.create('Ext.List', {
    width: 320,
    height: 290,
    id : 'itemList',
    itemTpl: ['<div style="margin:0px;background:#fff;" >'+
              '<table style="margin:0px;padding:0px;height:40px;" width="100%" >'+
              '<tr><td style="padding:2px 5px;width:90%;"><span><img src=""/>'+
              '</span><span>{itemName}<br>{itemDesc}</span></td>'+
              '<td style="padding:2px 10px;width:10%;">'+
              '<img src="resources/img/arrow.png" />'+
              '</td></tr></table></div>'].join(),
    listeners : {
        itemtap: function (list, index, item, record, senchaEvent) {
            if (senchaEvent.event.target.nodeName == 'IMG') {
                 var data = record.getData();
                 var itemId = data.itemId;
                 var itemPurchased = data.itemPurchased;
                // Call viewgiftdetails method and pass itemId and itemPurchased 
            }
        }
    }
});