GWT combobox ne pas afficher correctement

StackOverflow https://stackoverflow.com/questions/4644894

  •  09-10-2019
  •  | 
  •  

Question

J'utilise GWT avec GWT-EXT en cours d'exécution à GlassFish. Je crée 2 boîtes combo comme suit: 

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);

Lorsque ceux-ci sont chargés dans le navigateur (IE 8.0, Firefox 3.6.6 ou Chrome 10.0) les zones de liste déroulante sont représentés, mais ne pas tirer la flèche vers le bas. Ils ressemblent à un champ de texte avec le texte « Sélectionner un sujet ... ». Lorsque vous sélectionnez le texte, il disparaît et si vous tapez un caractère et puis supprimez les options sont indiquées (à savoir tirer vers le bas est invoqué) cependant, il n'y a toujours pas de tirer flèche vers le bas.

Quelqu'un sait-il ce que la question pourrait être? Ou comment je peux étudier plus? Est-il possible de voir le code HTML réel le navigateur devient, quand je source de la page, je ne reçois que la page de destination HTML.

En tant que je plus ai aussi un com.google.gwt.user.client.ui.Grid d'importation qui ne rend pas correctement. Il est sous forme de tableau, mais n'a pas de grille ou d'en-tête bar etc.

Cheers,

James

Ceci est la DIV HTML avec la question: 

<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>

Je crois que l'image spécifiée est l'image vierge. Pourquoi est-il pas en utilisant l'image de la flèche est sûrement un défaut GWT / image du navigateur?

Était-ce utile?

La solution 3

je manquais la suite de ma page html d'atterrissage. Eh bien, j'avais la référence, mais il pointait à la mauvaise position relative. 

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

Autres conseils

Firebug serait votre meilleur ami avec FireFox. Vous pouvez inspecter tout, les fichiers css, html ou javascript .. J'ai un problème similaire, mon problème était lié à un fichier image manquante. Je l'ai trouvé au moyen de Firebug ..

Si vous utilisez GWT avec GWT-EXT que pourquoi vous utilisez combobox d'utilisation EXT-JS combobox de GWT-EXT.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top