ExtJs 4 вертикальный DataView - PullRequest
Новая
       4

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

0 голосов
/ 16 февраля 2012

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

По умолчанию, он рендерится слева направо в N строках, вдругими словами, второй элемент справа от первого,

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

Кстати, если выточно знаю, что это невозможно с DataView, дайте мне знать, потому что я думаю, что я могу сделать это с GridView (но не тривиальным образом)

UPDATE # 1 Желаемый макет должен быть следующим

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

Спасибо.

1 Ответ

4 голосов
/ 17 февраля 2012

Это возможно при использовании переменных xindex, xcount и parent. Я нашел это, проанализировав источник, и вы, вероятно, не найдете никакой дополнительной информации об этом решении в 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/

...