package fan.tutorial.client.ui.win;

import com.extjs.gxt.ui.client.widget.Html;
import com.extjs.gxt.ui.client.widget.LayoutContainer;
import com.extjs.gxt.ui.client.widget.Window;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.google.gwt.user.client.Element;

public class WindowExample extends LayoutContainer {

    @Override
    protected void onRender(Element parent, int index) {
        super.onRender(parent, index);
        Window win = new Window();
        //設(shè)置窗口標(biāo)題
        win.setHeadingHtml("Window Example");
        //設(shè)置窗口寬高度
        win.setSize(450, 400);
        //設(shè)置窗口移動(dòng)時(shí)沒陰影
        win.setShadow(false);
        //設(shè)置窗口是否可以最大化, 默認(rèn)false
        win.setMaximizable(false);
        //設(shè)置窗口布局, FitLayout 內(nèi)容填充整個(gè)Window窗口
        win.setLayout(new FitLayout());
        //往窗口添加組件
        win.add(new Html("<p style='font-size:28px;padding:15px;'>This is a window.</p>"));
        //顯示窗口
        win.show();
    }
}

package fan.tutorial.client;

import com.extjs.gxt.ui.client.widget.ContentPanel;
import com.extjs.gxt.ui.client.widget.Viewport;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import fan.tutorial.client.ui.win.WindowExample;

public class Client implements EntryPoint {
    
    @Override
    public void onModuleLoad() {
        ContentPanel panel = new ContentPanel();
        panel.setHeaderVisible(false);
        panel.setBodyBorder(false);
        panel.setStyleAttribute("margin", "100px 0 0 350px");
        panel.add(new WindowExample());
        Viewport viewport = new Viewport();
        viewport.add(panel);
        RootPanel.get().add(viewport);
    }
}

<module>
    <inherits name="com.google.gwt.user.User"/>
    <inherits name='com.extjs.gxt.ui.GXT'/>
    <inherits name="com.google.gwt.user.theme.standard.Standard"/>
    <entry-point class="fan.tutorial.client.Client"/>
    <source path="client" />
</module>