gwt实现模板

最新推荐文章于 2021-02-25 22:37:31 发布

studyjavalm1017

最新推荐文章于 2021-02-25 22:37:31 发布

阅读量124

点赞数

分类专栏： gwt 文章标签： GWT HTML XHTML

本文链接：https://blog.csdn.net/studyjavalm1017/article/details/83298417

版权

gwt 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

gwt实现模板的几个步骤：

1：定义一个继承ITemplateSource的接口，ITemplateSource的代码如下：

public interface ITemplateSource {

}

继承ITemplateSource的接口的代码如下：

public interface TemplateInterface extends ITemplateSource {

    /**
    * @gwt.templateUrl template_MyTemplate.html
    * @gwt.elementId MyTemplate
    */
    public String getMyTemplate();

}

2：写一个模块html实现页面，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<div id="MyTemplate">//注：MyTemplate与1中的 @gwt.elementId MyTemplate 对应
<table width="300" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td width="100"><div align="right">姓名：</div></td>
    <td width="200"><span gwtid="name">name</span></td>//这里的gwtid与3中的String gwtid = getElementAttribute(el, "gwtid");里的gwtid对应
</tr>
<tr>
    <td><div align="right">密码：</div></td>
    <td><span gwtid="password">password</span></td>
</tr>
<tr>
    <td> </td>
    <td><span gwtid="btnOK">btnOK</span></td>
</tr>
</table>
</div>
</body>
</html>

3：实现一个继承了HTMLTemplatePanelX的类，HTMLTemplatePanelX代码如下：

public class HTMLTemplatePanelX extends HTMLPanel {

    public HTMLTemplatePanelX() {
        super("Loading...");
    }

    protected void setHtml(String html) {
        //System.out.println("getElement()="+getElement());
        //System.out.println("html="+html);
        DOM.setInnerHTML(getElement(), html);
        setTemplateContent();
    }

    private void setTemplateContent() {
        flushChildren(getElement());
        afterTemplateLoaded();
    }

    private void flushChildren(Element el) {
        //System.out.println("e1="+el);
        String gwtid = getElementAttribute(el, "gwtid");
        //System.out.println("gwtid="+gwtid);
        if (gwtid != null) {
            removeAttribute(el, "gwtid");
            Widget widget = getNamedWidget(gwtid);
            //System.out.println("widget="+widget);
            if (widget == null) { // no gwt widget defined for it
                // Element promptDiv = DOM.createDiv();
                Element promptDiv = DOM.createSpan();
                //System.out.println("promptDiv="+promptDiv);
                DOM.setInnerHTML(promptDiv, "!not defined!");
                replaceChild(DOM.getParent(el), promptDiv, el);
                return;
            }
            if (widget instanceof HTMLTemplatePanelX) {
                HTMLTemplatePanelX htmlTemplatePanel = (HTMLTemplatePanelX) widget;
                htmlTemplatePanel.flushChildren(el);
                //Element container = DOM.createDiv();
                Element container = DOM.createSpan();
                replaceChild(DOM.getParent(el), container, el);
                super.add(htmlTemplatePanel, container);
            } else {
                // Element container = DOM.createDiv();
                Element container = DOM.createSpan();
                replaceChild(DOM.getParent(el), container, el);
                super.add(widget, container);
            }
        } // dont process children under gwtid
        else {
            int count = DOM.getChildCount(el);
            for (int i = 0; i < count; i++) {
                flushChildren(DOM.getChild(el, i));
            }
        }
    }

    protected HashMap widgets = new HashMap();

    public void putWidget(String gwtid, Widget widget) {
        if (widget == null)
            widget = new HTML("The widgets is not allowed null....");
        widgets.put(gwtid, widget);
    }

    protected Widget getNamedWidget(String gwtid) {
        return (Widget) widgets.get(gwtid);
    }

    private static native void removeAttribute(Element element, String name) /*-{
        element.removeAttribute(name);
    }-*/;

    private static native String getElementAttribute(Element element,
            String attr) /*-{
        return element.getAttribute(attr);
    }-*/;

    private static native void replaceChild(Element parent, Element newChild,
            Element oldChild) /*-{
        parent.replaceChild(newChild, oldChild);
    }-*/;

    /**
    * the child class may override this method to do post loaded process
    */
    protected void afterTemplateLoaded() {

    }
}

实现了HTMLTemplatePanelX类的代码如下：

ublic class MyTemplate extends HTMLTemplatePanelX {

    private static TemplateInterface ti;

    /**
    * 得到模板接口实例
    *
    * @return TemplateInterface
    */
    public static TemplateInterface getTemplateInterface() {
        if (ti == null)
            ti = (TemplateInterface) GWT.create(TemplateInterface.class);
        return ti;
    }

    private final TextBox txtName = new TextBox();
    private final PasswordTextBox txtPassword = new PasswordTextBox();
    private Button btnOK = new Button("OK", new ClickListener() {

        public void onClick(Widget sender) {
            Window.alert(txtName.getText() + ":" + txtPassword.getText());
        }

    });

    public MyTemplate() {
        initWidgets();
        setHtml(MyTemplate.getTemplateInterface().getMyTemplate());
    }

    private void initWidgets() {
        putWidget("name", txtName);
        putWidget("password", txtPassword);
        putWidget("btnOK", btnOK);
    }

}

该页面定义html页面组件和事件，然后在入口类中通过panel.add(new MyTemplate());即克实现模板页面。

studyjavalm1017

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
gwt实现模板

gwt实现模板的几个步骤： 1：定义一个继承ITemplateSource的接口，ITemplateSource的代码如下：public interface ITemplateSource {}继承ITemplateSource的接口的代码如下：public interface TemplateInterface extends ITemplateSource { /**...
复制链接

扫一扫