Extjs x-list-item上的itemTpl内容重叠

我一直在使用Sencha Touch 2.0，我试图创建一个包含图片和其他数据的列表项，但其他项目行上的记录重叠。您可以查看以下图像：

页面代码如下：

Ext.define('SBR.view.Comments', {
    extend : 'Ext.List',
    xtype : 'commentspage',
    config : {
        title : 'Comments',
        iconCls : 'star',
        variableHeights: true,
        store : 'Comments',
        itemTpl : '<div class="colmask ">'
                + '<div class="colmid">'
                + '<div class="colleft">'
                + '<div class="col1">'
                + '<div>'
                + '<img src={imageUrl} alt={firstName} width="50" height="70">'
                + '</div>' // Image of Student
                + '<div>'
                + '<img src={bookImageUrl} alt={firstName} width="50" height="70">'
                + '</div>'
                + '</div>'// Image of Book
                + '</div>' // left_leftcolumn
                + '<div class="col2">{firstName}&nbsp;{lastName}</div>'
                + '</div>' // left column
                + '<div id="col3"></div>' + '</div>' // colmask
        /*onItemDisclosure : function(item) {
            console.log('Disclose more info on' + " " + item.data.subject);
        }*/
    }
});

Ext.define（'SBR.view.Comments'{
扩展：“Ext.List”，
xtype:“评论页面”，
配置：{
标题：“评论”，
iconCls:'明星'，
可变高度：正确，
存储：“评论”，
itemTpl:'
+ ''
+ ''
+ ''
+ ''
+ ''
+''//学生形象
+ ''
+ ''
+ ''
+''//书的形象
+''//left\u leftcolumn
+“{firstName}{lastName}”
+''/左栏
+''+''//colmask
/*OSCLOSURE：功能（项目）{
console.log（'披露有关'+''+item.data.subject的更多信息）；
}*/
}
});

---

有人帮忙吗

这是一项体面的工作。我自己也不太擅长跳水，经常遇到和你一样的问题。我的解决办法是使用表格。所以在你的情况下，那就是

itemTpl : ''+
    '<table>'+
    '    <tr class="myCSSClass">'+
    '        <td><img src={imageUrl} alt={firstName} width="50" height="70"></td>'+
    '        <td><img src={bookImageUrl} alt={firstName} width="50" height="70"></td>'+
    '    </tr> '+
    '. . . . .   '+ 
    '</table>',

itemTpl:'+
''+
'    '+
'        '+
'        '+
'     '+
'. . . . .   '+ 
'',

---

顺便说一句，这只是一个例子，因为如果不查看css设置列表项的高度tpl，我无法真正说出您想要实现的目标。。或应用CSS（背景等通过标签）。。。这将解决您的问题

尝试使用setStyleHtmlContent（）函数将styleHtmlContent设置为true。在CSS中，为

.colmask