0

我有一个 RPC 生成的带有标题和正文的小部件列表。我想垂直显示它们，只显示标题。当用户单击标题时，相应的正文会向下滑入视图，而任何其他打开的正文都会滑出视图。

手风琴效果可以通过 StackPanel 来实现。但是，我还希望 CellList 和 AsyncDataProvider 提供的分页和访问远程数据的便利性。看起来这两者将在 GWT 2.5 中一起提供，不幸的是尚未推出。

我的另一个想法是只使用一个 CellList，并在每个单元格上使用相对定位来获得手风琴效果。逻辑很容易实现，但是从单元格列表中抓取单元格并弄乱它们的style属性似乎是一种肮脏的黑客行为。

有一个更好的方法吗？

跟进：（我不确定这是否应该是一个单独的问题。） CellList 的结构看起来像这样：

<div __gwtcellbasedwidgetimpldispatchingfocus="true" __gwtcellbasedwidgetimpldispatchingblur="true" class="GJOQRHCBPB GJOQRHCBMK">  

<div onclick="" __idx="0" class="GJOQRHCBLB" style="outline:none;" tabindex="0">
  <!-- my cell html -->
</div>
<div onclick="" __idx="1" class="GJOQRHCBLB" style="outline:none;" tabindex="1"> <!-- ... -->
<div onclick="" __idx="2" class="GJOQRHCBLB" style="outline:none;" tabindex="2"> <!-- ... -->
<!-- ... -->
</div></div>

为我的单元格设置样式很容易，并且可以在页面上正确显示。但是，我的单元格样式不会影响父 div（带有__idx），它们仍然会延伸整个原始长度。这意味着如果您单击单元格列表“应该”的位置下方，将触发选择事件。如果我可以直接访问和设置__idxdiv 的样式，则可以解决此问题，但恐怕这是一个非常肮脏的 hack。有一个更好的方法吗？

4

1 回答 1

1

GWT 2.5 将添加的是一种为aCellTable (or DataGrid) 中的单个项目构建多行的方法；它不会改变CellLists 的任何东西。此外，您仍将负责处理事件以展开/折叠行，可能为它们设置动画，并且最多一个展开的行也不会免费提供。

总而言之，它不会为您的用例改变任何东西。

您需要在单元格的渲染/事件处理中烘焙此展开/折叠行为。至于折叠其他行，您必须从列表级别开始处理 DOM（即找到所有可折叠元素并确保它们已折叠，然后展开需要它的行）。
或者，您可以使用 a NoSelectionModelorSingleSelectionModel并简单地将选定/最后选定的项目呈现为展开状态，而其他项目则折叠（SelectionHandler如果需要，则触发重绘）。不过，您可能会丢失动画。

于 2012-05-12T22:54:32.540 回答