GWT CellList；元素选项之间的程序滚动

Question

我想了解可用于滚动到CellList中的特定元素的选项？目前，我在列表中有100个元素，需要在单击按钮时“跳过”元素，但似乎无法找到提供此功能的单元格列表(或代码)上的任何方法。

有什么想法吗？

事先非常感谢，

伊恩。

**编辑

下面的工作代码示例；

public class CellListTest implements EntryPoint {

private CellList<String> cellList;
private SingleSelectionModel<String> stringSingleSelectionModel;

/**
 * This is the entry point method.
 */
public void onModuleLoad() {
    cellList = new CellList<String>(new TextCell());
    cellList.setRowData(buildStringList(200));


    cellList.setKeyboardSelectionPolicy(HasKeyboardSelectionPolicy.KeyboardSelectionPolicy.BOUND_TO_SELECTION);

    Button byTen = new Button("Jump Forward 10");
    stringSingleSelectionModel = new SingleSelectionModel<String>();
    cellList.setSelectionModel(stringSingleSelectionModel);
    byTen.addClickHandler(new ClickHandler() {
        public void onClick(ClickEvent event) {
            jumpForward(10);
        }
    });
    byTen.setHeight("30px");
    HTMLPanel htmlPanel = new HTMLPanel("");
    VerticalPanel verticalPanel = new VerticalPanel();
    cellList.setHeight("600px");
    ScrollPanel scrollPanel = new ScrollPanel(cellList);
    verticalPanel.add(byTen);
    verticalPanel.add(scrollPanel);
    htmlPanel.add(verticalPanel);
   RootLayoutPanel.get().add(htmlPanel);
}

final Random random = new Random();
private List<String> buildStringList(int numberToCreate) {
    final ArrayList<String> randomValues = new ArrayList<String>();
    for (int i = 0; i < numberToCreate; i++) {
        randomValues.add(String.valueOf(random.nextInt()));
    }
    return randomValues;
}

private int currentPosition = 0;
private void jumpForward(int toJump) {
    Element rowElement = cellList.getRowElement(currentPosition += toJump);
    rowElement.scrollIntoView();
}

}

Answer 1

我不认为CellList有一个直接的方法来达到你的目的。

您可以做的是使用元素的scrollIntoView方法。此方法调整每个可滚动元素的scrollLeft和scrollTop属性，以确保指定的元素完全处于视图中。为了使用该方法，您需要获得包含要显示的单元格的元素。实现这一目标的一种方法是使用CellList public getRowElement(int indexOnPage)。

我还没有试过，但是我相信下面的代码应该有效：

//Ensures cell 22 on page is shown
Element element = myCellList.getRowElement(22);
element.scrollIntoView();

Answer 2

将元素滚动到视图中是一回事；将键盘焦点更改为特定元素则是另一回事。经过大量的探索，我发现实现这一目标的最佳方法是激发本地事件来模拟用户按下键。

private void hitKeyOnList(int keyCode) {
  NativeEvent keyDownEvent = Document.get().createKeyDownEvent(
    false, false, false, false, keyCode);
  list.getElement().dispatchEvent(keyDownEvent);
}

在上面的片段中，list变量是对CellList的引用。

因此，要将光标移到列表的末尾，请执行以下操作：

hitKeyOnList(KeyCodes.KEY_END);

若要将光标从当前具有键盘焦点的项向下移动到下一项，请执行以下操作：

hitKeyOnList(KeyCodes.KEY_DOWN);

这种方法应该适用于所有这些键，这些键由AbstractHasData处理。

KeyCodes.KEY_DOWN
KeyCodes.KEY_UP
KeyCodes.KEY_PAGEDOWN
KeyCodes.KEY_PAGEUP
KeyCodes.KEY_HOME
KeyCodes.KEY_END