Question

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

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>',

Answer 1

通过修改CSS并删除此列的完整项目Tpl标记解决了问题

列表项Tpl问题：未使用两个数组作为两列呈现的列表

1 个答案: