在GWT中按屬性獲取DOM元素？

Question

我想將GWT中的元素添加到靜態html頁面的以下元素：

<div data-id="test"></div>

什么時候我會用這個：

<div id="test"></div>

然后我可以訪問元素：

RootPanel.get("test").add(someElement);

這僅在我使用id屬性時有效。

如何在第一個示例中顯示使用像data-id這樣的屬性的元素，並在其上附加Panel或Widget？

Answer 1

如果您不需要支持IE6 / 7，那么您可以使用JSNI：

Element querySelector(String selectors) /*-{
  return $doc.querySelector(selectors);
}-*/;

有關compat表，請參見http://caniuse.com/queryselector 。

也許GWT 3.0會將此添加到GWT，因為IE6 / 7支持肯定會被刪除（它只在GWT 2.6中默認禁用）

現在您已經獲得了Element但遺憾的是沒有RootPanel.get(Element)方法，因此您可以獲得可以添加其他小部件的面板小部件的唯一方法是使用HTMLPanel.wrap(Element) 。

Answer 2

使用gwtquery ，你可以像這樣匹配元素：

$("div[data-id='test']").add(someElement);