gwt - 在 GWT UiBinder 中将项目添加到自定义小部件

Question

我在 GWT 中创建了一个自定义表单下拉小部件。基本上它是一个列表框，上面附有一些花里胡哨的东西。我想使用 UiBinder 将项目添加到列表框中。如果它只是一个 gwt ListBox 我可以拥有

<g:ListBox>
  <g:item>Test</g:item>
  <g:item>Test</g:item>
</g:ListBox>

一切都很好。本着同样的精神，我希望我的自定义小部件也能接受添加如下项目:

<my:FormDropdown>
  <g:item>Test</g:item>
  <g:item>Test</g:item>
</my:FormDropdown>

我不需要它是我添加到它的 g:item 以防我需要做一个自定义的东西。我想我需要使用 GWT UiBinder 工厂方法，但我在 GWT UiBinder 文档中找不到讨论这个的位置。

Answer 1

将 namespace 声明添加到您的 <ui:Binder .... >像这样在 UIBinder XML 的顶部标记:

xmlns:my="urn:import:com.yourcompany.yourproject.widgets"

您正在添加一个 XML namespace ，它指向包含 FormDropdown.java 的包.

因此，如果您的 FormDropdown在:com.yourcompany.yourproject.widgets.FormDropdown.java

然后你的 UI Binder XML 应该说:

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
    xmlns:g="urn:import:com.google.gwt.user.client.ui" 
    xmlns:my="urn:import:com.yourcompany.yourproject.widgets">
    <ui:style>
    .important {
        font-weight: bold;
    }
    </ui:style>
    <g:HTMLPanel>

        <my:FormDropdown>
            <g:item>Test</g:item>
            <g:item>Test</g:item>
        </my:FormDropdown>

    </g:HTMLPanel>
</ui:UiBinder>