ExtJs 4 垂直数据视图

Question

我想知道是否可以创建垂直 DataView dataview 文档 dataview 示例

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

我正在寻找如何更改此行为以垂直布局它，因此第二个元素将位于第一个元素的下方。

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

UPDATE#1 所需的布局应如下：

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

谢谢。

Answer 1

这可以通过使用 xindex、xcount 和parent 变量来实现。我通过分析源代码找到了它，您可能在 API 中找不到有关此解决方案的任何其他信息。示例模板：

'<tpl for=".">',
    '<tpl if="(xindex - 1) < (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/