GWT Celltable 和 TABbing答案

【问题标题】：GWT Celltable and TABbingGWT Celltable 和 TABbing
【发布时间】：2014-03-10 04:11:00
【问题描述】：

所以我有一个带有各种输入的 GWT cellTable，包括选择框、EditTextCells 和一些链接。我希望 TAB 沿着每个单元格走。

但是，目前我只能在选择框之间切换 TAB（当KeyboardSelectionPolicy.DISABLED 时）。（即来自here）。但它不会标签到 EditTextCells 或其他单元格。

（可能与此相关，EditText <input>s 似乎他们不能有他们的 tabindex！=-1，否则我会看到 cellTable 抛出错误。（它似乎在 EditText 中警告你不应该这样做）。

是否还有我可能缺少的 EditText 或其他通用单元格的另一个 tabIndex？一个人 here 似乎无法让它工作并选择退出。

但是根据googleCode的这个问题，其他人正在成功地做到这一点。

【问题讨论】：

标签： gwt input gwt-2.2-celltable

【解决方案1】：

好的，所以添加 tabIndex 确实有效。对于editTextCell，我为（通常只是safehtml渲染的）文本添加了一个新模板，如下所示：

interface TemplateBasic extends SafeHtmlTemplates {
        @Template("<Label tabindex=\"{1}\">{0}</Label>")
        SafeHtml input(String value, String index);
      }

然后在设置时渲染 ...

else if (value != null) {
      SafeHtml html = renderer.render(value);
      sb.append(html) );
}

我用了

else if (value != null) {
      SafeHtml html = renderer.render(value);
      sb.append(templatebasic.input(html.asString(), Integer.toString( context.getIndex() )) );
    }

这也适用于复选框单元格；覆盖渲染器不使用静态定义的 INPUT_CHECKED/UNCHECKED 和 tabIndex=-1

但我仍在思考/希望可能有更好的方法....

【讨论】：

【解决方案2】：

您可以创建一个新单元格。或者，您可以在 CellTable 中添加一些脚本来处理 TAB 和 SHIFT+TAB。

扩展 CellTable 以通过添加选项卡处理程序来实现这一点将满足您的需求。见this link。

【讨论】：