GWT combobox non visualizzare correttamente

Question

Sto usando GWT con GWT-EXT esecuzione in GlassFish. Creo 2 caselle combinate come segue:

---

import com.extjs.gxt.ui.client.widget.form.ComboBox;
import com.extjs.gxt.ui.client.widget.form.SimpleComboBox;

---

this.contentPanel = new ContentPanel();
this.contentPanel.setFrame(true);
this.contentPanel.setSize((int)(Window.getClientWidth()*0.95), 600);
this.contentPanel.setLayout(new FitLayout());
initWidget(this.contentPanel);

SimpleComboBox<String> combo = new SimpleComboBox<String>();
combo.setEmptyText("Select a topic...");
combo.add("String1");
combo.add("String2");
this.contentPanel.add(combo);

ComboBox combo1 = new ComboBox();
combo1.setEmptyText("Select a topic...");
ListStore topics = new ListStore();
topics.add("String3");
topics.add("String4");
combo.setStore(topics);
this.contentPanel.add(combo1);

Quando questi vengono caricati nel browser (IE 8.0, Firefox 3.6.6 o Chrome 10.0) le caselle combinate vengono visualizzati, ma non hanno la spinta verso il basso freccia. Sembrano un campo di testo con il "Selezionare un argomento ..." testo. Quando si seleziona il testo scompare e se si digita un carattere e quindi eliminarlo sono mostrate le opzioni (cioè tirare verso il basso viene richiamato), tuttavia, non esiste ancora un pull down freccia.

Qualcuno sa che il problema potrebbe essere? O come posso approfondire? E 'possibile visualizzare il codice HTML effettivo il browser è sempre, quando ho Visualizza sorgente pagina ho solo la pagina di destinazione HTML.

Come ho aggiuntiva anche un com.google.gwt.user.client.ui.Grid importazione che non viene visualizzata correttamente. È in forma di tabella, ma non ha linee di griglia o intestazione bar, ecc.

Saluti,

James

Questo è il DIV HTML con il problema:

<div class=" x-form-field-wrap  x-component" id="x-auto-5" style="width: 150px;">
    <input type="text" class=" x-form-field x-form-text  x-form-empty-field" id="x-auto-5-input" tabindex="0" autocomplete="off" style="width: 126px;">
    <img class="x-form-trigger x-form-trigger-arrow" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" id="x-auto-6">
</div>

Credo che l'immagine specificata è l'immagine vuota. Perché non utilizza l'immagine Freccia sicuramente è un'immagine predefinita GWT / browser?

Answer 1

mi mancava il seguente dalla mia pagina di destinazione html. Beh, ho avuto il riferimento ma stava indicando la posizione relativa sbagliata.

<link rel="stylesheet" type="text/css" href="extgwt/css/gxt-all.css" />

Answer 2

FireBug sarebbe il vostro migliore amico con FireFox. È possibile controllare tutto, i file CSS, HTML o JavaScript .. ho un problema simile, il mio problema era legato a un file di immagine mancante. Ho trovato per mezzo di Firebug ..

Answer 3

Se si sta utilizzando GWT con GWT-EXT che il motivo per cui stai usando combobox di EXT-JS uso combobox di GWT-EXT.