如何更改鼠标突出显示？

Question

在 GWT 中，我使用 CellTable。

当您将鼠标悬停在 CellTable 上时，它会突出显示每一行。

如何更改鼠标悬停时突出显示的行为？具体来说：

• 更改突出显示的颜色
• 禁用/启用
• 使其仅突出显示光标处的特定网格项目（而不是整行）< /strong>

（我当前的技巧是创建一堆 1 列宽的 CellTables 并将它们添加到 VerticalPanel 布局中...创建有一个 CellTable 的错觉，并根据您的光标突出显示每个网格。 这很糟糕吗？ 性能？

Answer 1

您会注意到 CellTable 使用 ResourceBundle，这意味着所有 css 样式都会被混淆......这使得覆盖样式变得更加困难。

CellTable 构造函数实际上允许您覆盖默认的 ResourceBundle。因此，首先，您需要创建自己的资源包，如下所示：

public interface CellTableResources extends Resources {

        public CellTableResources INSTANCE =
                GWT.create(CellTableResources.class);

        /**
         * The styles used in this widget.
         */
        @Source("CellTable.css")
        CellTable.Style cellTableStyle();
}

然后您需要创建自己的 CSS 文件。我建议将 CellTable 样式直接复制到您的项目中并使用它作为起点。您可以在这里找到它：
http://code.google.com/p/google-web-toolkit/source/browse/trunk/user/src/com/google/gwt/user/cellview/client/CellTable.css

确保首先注入样式，然后将其输入到 CellTable 的构造函数中，如下所示：

   CellTableResources.INSTANCE.cellTableStyle().ensureInjected();
   myCellTable = new CellTable<T>(Integer.MAX_VALUE,CellTableResources.INSTANCE);

具体来说，您需要调整这些样式：

• cellTableKeyboardSelectedRow
• cellTableKeyboardSelectedRowCell
• cellTableSelectedRow
• cellTableSelectedRowCell
• cellTableKeyboardSelectedCell

值得注意的是，单元格表区分“选定行”和“键盘选择的行”。所选行是实际选择的行（即通过 SelectionModel）。键盘选择的行是指用户按下向上/向下键时突出显示的行，但并不意味着该行实际被选择（如果有意义的话）。

Answer 2

我将在您的列表中添加第 2) 项，您只需

cellList.setSkipRowHoverStyleUpdate(true)

这样做即可完全禁用突出显示。 CellList 上还有两个与悬停相关的 setSkip 函数。

Answer 3

1. CellTable 可以通过 CSS 设置样式：如何我可以设置 gwt 2.1 CellTables 标题的样式吗？

2. 要禁用突出显示，只需将悬停 CSS 属性设置为空。

3. 可能 - 尝试调整 .cellTableSelectedRow 和 .cellTableSelectedRowCell。

这是原始的 CellTable.css： http://www.google.com/codesearch/p?hl=en#A1edwVHBClQ/user/src/com/google/gwt/user/cellview/client/CellTable.css&q=cellTableLastColumn&d=8