列表项Tpl问题：列表中没有呈现两列作为两列

我是sencha touch的新手，遇到了以下问题。我必须显示具有可变高度的列表（当然它是默认值），它由文本显示和图像组成。在列表中填充的项目是数组，一个数组需要左侧，另一个数组在右侧，一些我如何使用span并添加循环到项目TPL中以迭代数组。第一个数组（左数组）被正确显示，正如预期的那样，第二个数组将被显示在右边，在左数组完成后呈现。我已经附加了图像现在的样子，所以我需要显示它们并排，可能会有一个CSS问题，尝试了各种替代方案，但没有用，任何人都可以通过查看下面的代码和CSS知道会是什么问题，谢谢你的帮助。列表项Tpl问题：列表中没有呈现两列作为两列

ItemTpl：

     '<div class="listItem">' + 
        '<span><tpl for = "firstArray">'+ 
        '<span class="listSecondRow">'+ 
        '<img src="resources/images/someImage.png"/>' + 
        '<label>{data} {data}</label>' + 
        '<img src="resources/images/someImage.png"/><label>{data}</label>' + 
        '<img src="resources/images/someImage.png"/><label>SKD {data} </label>' + 
        '<label>{data}</label><br>' + 
        '</span></tpl>'+ 
        '<span><tpl for = "secondArray">'+ 
        '<span class="listSecondRow2">'+ 
        '<img src="resources/images/image.png"/><label>{data} {data}</label>' + 
        '<img src="resources/images/image.png"/><label>{data}</label>' + 
        '<img src="resources/images/image.png"/>' + 
        '<label>SKD {data} </label>' + 
        '<label>{data}</label><br>' + 
        '</span></tpl></span>'+ 
        '</div>',

来源

2013-10-31 Pending Intent

.listSecondRow { 保证金权：85px; } .listSecondRow2 { float：right; text-align：left; } .listItem { width：100％; border：1px solid＃B2B2B2; border-top：5px solid＃B2B2B2; border-radius：5px; 填充：.5em; 方向：ltr; } 忘了添加CSS，这里是css –

通过修改该列中的CSS和删除完整项目TPL标签的解决了这个问题

来源

2013-11-12 11:09:40

列表项Tpl问题：列表中没有呈现两列作为两列

回答

相关问题