ExtJs 4 垂直数据视图

Question

我想知道是否可以创建垂直DataView dataview docs dataview sample

默认情况下，它在 N 行中从左到右呈现，换句话说，第二个元素位于第一个元素的右侧，

我正在研究如何更改此行为以使其垂直布局，因此第二个元素将低于第一个元素。

顺便说一句，如果您确切知道使用 DataView 是不可能的，请告诉我，因为我认为我可以使用 GridView 做到这一点（但不是以微不足道的方式）

更新#1 所需的布局应如下所示：

• 1,6
• 2,7
• 3,8
• 4,9
• 5,10

谢谢。

Answer 1

这可以通过使用 xindex、xcount 和父变量来实现。我是通过分析源码找到的，你可能不会在 API 中找到任何关于这个解决方案的额外信息。示例模板：

'<tpl for=".">',
    '<tpl if="(xindex - 1) &lt; (xcount / 2)">',
        '<div style="margin-bottom: 10px;" class="thumb-wrap">',
        '{src} ',
        '<tpl if="parent[xindex - 1 + Math.ceil(xcount / 2)] != undefined">',
            '{[parent[xindex - 1 + Math.ceil(xcount / 2)].src]}',
        '</tpl>',
        '</div>',
    '</tpl>',
'</tpl>'

工作样本：http://jsfiddle.net/6ZUej/1/