GWT HTMLPanel用法

GWT HTMLPanel仅包含HTML内容。我们可以将子窗口小部件添加到html内容中的已标识元素中。
GWT HTMLPanel类声明
让我们看看com.google.gwt.user.client.ui.HTMLPanel的声明

public class HTMLPanel extends ComplexPanel

GWT HTMLPanel构造函数
建设者 描述
HTMLPanel(SafeHtml safeHtml) 它从SafeHtml对象初始化HTMLPanelanel。
HTMLPanel(java.lang.String html) 它使用DIV元素内的指定HTML内容创建HTMLPanel。
HTMLPanel(java.lang.String tag, java.lang.String html) 它创建HTMLPanel, 其根元素具有给定标签。它还具有指定的HTML内容。
GWT HTMLPanel方法
修饰符和类型 方法 描述
void add(Widget widget) 它将一个子窗口小部件添加到面板。
void add(Widget widget, Element element) 它将小部件添加到面板中, 包含在HTML元素中。
void add(Widget widget, java.lang.String id) 它将子小部件添加到面板中, 包含在由给定ID指定的HTML元素内。
void addAndReplaceElement(IsWidget widget, Element toReplace) 它替换了元素。它是IsWidget的重载版本。
void addAndReplaceElement(Widget widget, Element toReplace) 它将一个子小部件添加到面板中, 以替换HTML元素。
void addAndReplaceElement(Widget widget, java.lang.String id) 它将一个子小部件添加到面板中, 以给定ID替换指定的HTML元素。
静态java.lang.String createUniqueId() 用于为动态生成的HTML中的元素创建唯一ID的辅助方法。
Element getElementById(java.lang.String id) 它通过其ID在面板中找到一个元素。
static HTMLPanel removeAllRows() 它删除表中的所有行。
void wrap(Element element) 它创建一个包装现有元素的HTML面板。
GWT HTMLPanel示例
//SampleHTMLPanel.java
import com.google.gwt.core.client.EntryPoint; import com.google.gwt.user.client.ui.DecoratorPanel; import com.google.gwt.user.client.ui.HTMLPanel; import com.google.gwt.user.client.ui.RootPanel; public class HelloWorld implements EntryPoint { /** * This is the entry point method. */ public void onModuleLoad(){ // Add buttons to html Panel String htmlString = "This HTMLPanel contains" +" html contents ?srcmini."; HTMLPanel htmlPanel = new HTMLPanel(htmlString); // Add the HTML Panel to the root panel. RootPanel.get().add(htmlPanel); }

//SampleHTMLPanel.css
body { text-align: center; font-family: verdana, sans-serif; }h1 { font-size: 2em; font-weight: bold; color: #777777; margin: 40px 0px 70px; text-align: center; }

【GWT HTMLPanel用法】输出:
GWT HTMLPanel用法

文章图片

    推荐阅读