Question

我正在使用GWT和在glassfish中运行的GWT-EXT。我按如下方式创建了两个组合框：

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

当在浏览器（IE 8.0，Firefox 3.6.6或Chrome 10.0）中加载这些组合框时，会显示组合框但没有下拉箭头。它们看起来像一个带有“选择主题...”文本的文本字段。当您选择文本时它会消失，如果您键入一个字符然后将其删除，则会显示选项（即调用下拉）但是，仍然没有下拉箭头。

有谁知道问题可能是什么？或者我如何进一步调查？是否有可能看到浏览器获得的实际HTML，当我查看页面源时我只获得着陆页HTML。

另外，我还有一个无法正确呈现的导入com.google.gwt.user.client.ui.Grid。它采用表格格式，但没有网格线或标题栏等。

干杯，

詹姆斯

这是带有问题的HTML DIV：

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

我相信指定的图像是空白图像。为什么它不使用箭头图像肯定是默认的GWT /浏览器图像？

Answer 1

FireBug将成为你与FireFox最好的朋友。你可以检查一切，CSS文件，HTML或JavaScript ..我确实有类似的问题，我的问题是与丢失的图像文件有关。我确实通过萤火虫找到了它。

Answer 2

如果你使用GWT和GWT-EXT比使用EXT-JS组合框的原因使用GWT-EXT的组合框。

Answer 3

我在Landing html页面中遗漏了以下内容。好吧，我有参考，但它指向错误的相对位置。

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

GWT组合框无法正确显示

3 个答案: