Как я могу получить горизонтальную прокрутку в списке драгоценностей, чтобы он вел себя как DataGrid? - PullRequest
Новая
       3

Как я могу получить горизонтальную прокрутку в списке драгоценностей, чтобы он вел себя как DataGrid?

2 голосов
/ 08 мая 2019

У меня есть список драгоценных камней с пользовательским itemRenderer.

Моя цель - использовать его как сетку данных, поскольку сетка данных недоступна в jewel. 

<j:Card width="500" id="cardDetail" height="550">
   <j:List id="lsDetail" width="100%" height="420" 
          itemRenderer="detail_itemrenderer">
   </j:List>
</j:Card>

и это detail_itemrenderer 

<j:HGroup>
    <j:Label html="{data['field1']}" multiline="true" width="100"/>
    <j:Label html="{data['field2']}" multiline="true" width="300"/>
    <j:Label html="{data['field3']}" multiline="true" width="100"/>
    <j:Label html="{data['field4']}" multiline="true" width="200"/>
</j:HGroup>

Общая длина метки800, но длина списка составляет всего 500. Поэтому, когда я запускаю код, метка field4 не отображается.

И проблема в том, что в списке нет горизонтальной полосы прокрутки.Есть ли какая-то собственность, по которой я скучаю?и как его настроить?

Спасибо

Ответы [ 2 ]

1 голос
/ 08 мая 2019

просто используйте шарик Jewel HorizontalListScroll, чтобы предоставить возможность листовой прокрутки.

Пример кода от TourDeJewel : 

<j:List width="450" height="300" className="tableStyle" 
        labelField="label" selectedIndex="1"
        dataProvider="{listModel.iconListData}">
    <j:beads>
        <j:HorizontalListScroll/>
    </j:beads>
</j:List>
0 голосов
/ 08 мая 2019

Сам список можно прокручивать, потому что у него есть шарик ScrollingViewport . Однако ваш внутренний контент не прокручивается, потому что по умолчанию HGroup не имеет прокрутки. Вам нужно добавить шарик, чтобы сделать его прокручиваемым: 

<j:HGroup>
        <j:beads>
            <j:ScrollingViewport />
        </j:beads>
        <j:Label html="{data['field1']}" multiline="true" width="100"/>
        <j:Label html="{data['field2']}" multiline="true" width="300"/>
        <j:Label html="{data['field3']}" multiline="true" width="100"/>
        <j:Label html="{data['field4']}" multiline="true" width="200"/>
</j:HGroup>
...