GWT Popup und UIBinder: Panel oder Dialog?

Habe ich eine Anforderung, wobei, wenn ein button geklickt wird, soll der Benutzer ein popup/Dialogfeld geben Sie einige zusätzliche details wie Nachname, Geburtsdatum, etc.Ich habe versucht, zu spielen mit window.confirm() aber ich denke, das dient nicht mein Ziel. Können einige mir helfen, wie dies erreicht werden kann in GWT durch UIBinder?

Versuchte ich etwas, was so in meinem UI binder.xml

<g:HTMLPanel visible="false" >
                                    <g:DialogBox ui:field="dialogPanel"
                                        animationEnabled="true" modal="false" glassEnabled="false">
                                        <g:caption>More Details</g:caption>
                                        <table>
                                            <tr>
                                                <td colspan="2" align="center">
                                                    <g:Datepicker ui:field="DOB">DOB:</g:Datepicker>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>UserName:</td>
                                                <td>
                                                    <g:TextBox ui:field="usernameTextBox" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td align="right">
                                                    <g:Button ui:field="loginButton">OK</g:Button>
                                                </td>
                                            </tr>
                                        </table>
                                    </g:DialogBox>
                                </g:HTMLPanel>

Ich bin mir nicht sicher, welche man mit: popup oder dialog-Feld!

Dank.

InformationsquelleAutor user874722 | 2011-08-02

  1. 10

    Hier ist das Gerüst für eine GWT-Dialogfeld mit uibinder:

    MyDialogBox.java

    import com.google.gwt.core.client.GWT;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.user.client.ui.DialogBox;
import com.google.gwt.user.client.ui.Widget;

public class MyDialogBox extends DialogBox {
    private static final Binder binder = GWT.create(Binder.class);
    interface Binder extends UiBinder<Widget, MyDialogBox> {
    }
    public MyDialogBox() {
        setWidget(binder.createAndBindUi(this));
        setAutoHideEnabled(true);
        setText("My Title");
        setGlassEnabled(true);
         center();
    } 
}

    MyDialog.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'>
    <ui:style>
        .panel {
            background-color: ivory;
        }
    </ui:style>
    <g:FlowPanel styleName="{style.panel}">
    <g:Label>Dialog Content</g:Label>
    </g:FlowPanel>
    </ui:UiBinder>

    zeigen Sie es mit:

    MyDialogBox m = new MyDialogBox();
m.show();

    InformationsquelleAutor kroiz

  2. 0

    DialogBox ist ein Kind PopupPanel und hat alle seine Funktionen. Zusätzlich hat es (aus der Dokumentation):

    ..caption area at the top and can be dragged by the user.

    Zur Verwendung in UiBinder (wieder von den docs):

    DialogBox elements in UiBinder templates can have one widget child and one 
<g:caption> child.

    So scheint es, dass Sie ersetzen müssen, Ihre <table> mit einem GWT-widget, wahrscheinlich <g:HTMLPanel> und ganze <table> drin.

    Auch, PopupPanel und Dialog sind standalone widgets und in der Regel nicht bekommen, Hinzugefügt, um andere Widgets, aber gezeigt werden über .show() und hide() Methoden. Also, in Ihrem UiBinder, können Sie
    <g:DialogBox> auf der root-Ebene.

    Hi,Danke für die Antwort.Ich war in der Lage, dies funktioniert mit nur eine geringfügige änderung.Ich hatte immer noch die Html-umwickelt, um die dialogBox-tags.Ich musste rufen Sie die dialogBox.center() in meinem UiHandler Methode.

    InformationsquelleAutor Peter Knego

Schreibe einen Kommentar