Question

我有一个GWT项目，我想知道GWT如何创建一个HTML5 标签。

经过几个小时的搜索后来问这里，有没有办法用GWT构建一个HTML5 section-tag？

Answer 1

是的，您可以创建自己的小部件。

public class SectionPanel extends ComplexPanel implements
    InsertPanel.ForIsWidget {
/**
 * Creates an empty section panel.
 */

public SectionPanel() {
 setElement(DOM.createElement("section"));
}

/**
 * Adds a new child widget to the panel.
 * 
 * @param w
 *            the widget to be added
 */
@Override
public void add(Widget w) {
    add(w, getElement());
}

... etc. ...

}

Answer 2

无需创建新的窗口小部件类型 - 您只需使用通用HTMLPanel并指定要使用的标记。

UiBinder选项

如果您使用UiBinder，则您的.ui.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">
    ...
    <g:HTMLPanel tag="section">
        (your section content here)
    </g:HTMLPanel>
    ...
</ui:UiBinder>

手动选项

如果您更喜欢以编程方式执行此操作：

HTMLPanel section = new HTMLPanel("section", "(your section content here)");

第一个参数指定要使用的标记;如果您未指定第一个参数为div，则为默认值。

在这两种情况下，它都会在HTML输出中生成：

<section>
    (your section content here)
</section>

Answer 3

您可以在Ui：Binder：

中添加您喜欢的任何HTML

https://developers.google.com/web-toolkit/doc/latest/DevGuideUiBinder

如何在GWT中使用HTML5 Section Tag？

3 个答案: