Extjs 4 вертикальный DataView

Question

Я хотел бы знать, можно ли создать вертикальный DataView DataView Docs DataView Пример

Defaylt, он отображается слева направо в n rows, другими словами, второй элемент справа от первого,

Я смотрю, как изменить это поведение, чтобы расположить его вертикально, поэтому второй элемент будет ниже первого.

Кстати, если вы точно знаете, что с 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/