Question

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

通过defaylt，它在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/

ExtJs 4垂直DataView

1 个答案: