Javascript'in GWT'deki uyarısına benzer bir şey yaratmanın bir yolu var mı?

Question

Merhaba GWT'de Window.alert() benzeri bir şey yaratmanın herhangi bir yolu var mı? Temelde söylemek Window.alert() 'ın 'Tamam' düğmesine özelleştirmek istediğimiz başka bir ama ben uyarı kutuları özelleştirmek için bir yolu yoktur araştırılmış olarak.

Teşekkürler.

Answer 1

Window.alert() zaten mevcuttur. Tarayıcının yerel ayarı tarafından yerelleştirilen Tamam düğmesi içeren yerel bir iletişim kutusu açar. Bu uyarı kutusu değiştirilemez.

PopupPanel veya DecoratedPopupPanel'u kullanın.

Answer 2

PopupPanel'u kullanabilirsiniz. GWT'de zaten mevcut olan

Answer 3

Genelde bir kez oluşturulmuş bir genel iletişim kutusu kodlarım ve tekrar ihtiyacım olduğunda html içeriği ve başlığı değiştirilir. Ayrıca bir Tamam/İptal düğmesi kombinasyonu ekleyebilirsiniz, bu tamamen basittir.

private DialogBox dialog  = null; 
private HTML  dialogHtml = new HTML(); 
public void onDialog(final String title, final String html) { 
    if (dialog == null) { 
    dialog = new DialogBox(); 
    dialog.getElement().getStyle().setZIndex(99); 
    dialog.setWidth("500px"); 
    dialog.setGlassEnabled(true); 
    dialog.setAnimationEnabled(true); 
    dialog.setModal(true); 
    VerticalPanel vp = new VerticalPanel(); 
    vp.add(dialogHtml); 
    HorizontalPanel hp = new HorizontalPanel(); 
    hp.setWidth("100%"); 
    Button close = new Button("close"); 
    close.setWidth("200px"); 
    close.addClickHandler(new ClickHandler() { 
     @Override 
     public void onClick(ClickEvent event) { 
     dialog.hide(); 
     } 
    }); 
    hp.add(close); 
    hp.setCellHorizontalAlignment(close, HasHorizontalAlignment.ALIGN_CENTER); 
    hp.getElement().getStyle().setMarginTop(40, Unit.PX); 
    vp.add(hp); 
    vp.setSpacing(10); 
    dialog.add(vp); 
    } 
    dialogHtml.setHTML(html); 
    dialog.setHTML(title); // the actual title 
    dialog.show(); 
    dialog.center(); 
} 

HTML içeriği çok basit bir şey, yani

<div style="width: 500px; overflow: auto;">...</div>