2

我有带有自定义 itemRenderer 的珠宝列表。

我的目标是将它用作数据网格，因为数据网格在宝石中不可用。

<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 标签没有显示出来。

问题是列表没有水平滚动条。有什么我想念的财产吗？以及如何设置？

谢谢

4

2 回答 2

1

只需使用宝石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>
于 2019-05-08T11:17:03.810 回答
-1

列表本身是可滚动的，因为它有珠子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>
于 2019-05-08T09:26:06.967 回答