html - 来自 HTML 的 GWT 小部件

Question

我有一个 HTML block ，我想将其用作 GWT 小部件的基础，但不太确定这样做的最佳方法。例如，我的 HTML block 看起来像这样:

<div class="my-widget">
    <div class="header">
        <span class="title">Title Text</span>
    </div>
    <div class="body">
        <span class="content">Content Text</span>
    </div>
</div>

现在，我当然可以将其作为静态字符串粘贴到 HTML 小部件中，但在这种情况下，我需要能够即时设置“标题”和“内容”元素的文本。这会杀死(或至少使静态文本选项变得更加困难)。

在这种情况下，首先想到的是在 GWT 中手动构建元素并保留对我需要更改的元素的引用，如下所示:

DivElement container = document.createDivElement();
setStyleName(container, "my-widget");
setElement(container);

DivElement header = document.createDivElement();
setStyleName(header, "header");
container.appendChild(header);

// Hold onto this element for later manipulation
DivElement title = document.createDivElement();
setStyleName(title, "title");
header.appendChild(title);

但是除了最简单的布局(我的不是。)，这很快就会变得难以管理。

我想要的是能够将 HTML 作为静态文本发送，然后执行某种选择器(如 jQuery)来查询我想要操作的元素。我知道 GWT-Query但我无法让它无错误地运行，而且在我看来，它的生命周期还为时过早，我现在还不能放心地将它集成到专业产品中。

我也知道 Google 的 UiBinder ，这听起来正是我想要的。问题是，据我所知，该功能仅在 GWT 2.0 中可用，它仍处于发布候选状态，因此对我来说无法使用。

那么，考虑到所有这些(很抱歉问了这么长的问题!)对于如何最好地实现这样的目标，您有什么建议吗？

Answer 1

GWT 2.0 将在今年年底前发布。因此，除非您需要在几天内交付，否则我会开始使用 RC2 并尝试新的 UIBinder 方法。