2010-11-12 9 views
5

हाय क्या GWT में Window.alert() के समान कुछ बनाने का कोई तरीका है? असल में मैं Window.alert() के "ठीक" बटन को कुछ और कहने के लिए को कस्टमाइज़ करना चाहता था क्योंकि मैंने शोध किया कि अलर्ट बॉक्स को कस्टमाइज़ करने का कोई तरीका नहीं है।क्या जीडब्ल्यूटी में जावास्क्रिप्ट की चेतावनी के समान कुछ बनाने का कोई तरीका है?

धन्यवाद।

+0

क्या अपने स्वयं के संवाद बनाने के साथ गलत क्या है? – Bogdan

+0

यह आपकी मदद कर सकता है: http://gwt.google.com/samples/Showcase/Showcase.html। जीडब्ल्यूटी विजेट्स के डेमो। – z00bs

उत्तर

14

Window.alert() पहले से ही जीडब्ल्यूटी में उपलब्ध है। यह एक मूल संवाद बॉक्स खुलता है जो ब्राउज़र के लोकेल द्वारा स्थानीयकरण को ठीक करता है। यह अलर्ट बॉक्स बदला नहीं जा सकता है।

PopupPanel या DecoratedPopupPanel का उपयोग करें।

0

मैं आमतौर पर एक सामान्य संवाद बॉक्स कोड करता हूं, जिसे एक बार बनाया जाता है और जब मुझे इसकी आवश्यकता होती है तो HTML सामग्री और शीर्षक बदल दिया जाता है। आप एक ओके/रद्द बटन संयोजन भी जोड़ सकते हैं, यह सब सरल है।

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 सामग्री बहुत सरल कुछ है, यानी

<div style="width: 500px; overflow: auto;">...</div> 
संबंधित मुद्दे