GWT组合框未正确显示

GWT组合框未正确显示,gwt,glassfish,gwt-ext,Gwt,Glassfish,Gwt Ext,我正在使用GWT,GWT-EXT在glassfish中运行。我创建了两个组合框,如下所示: this.contentPanel=newcontentpanel(); this.contentPanel.setFrame(true); this.contentPanel.setSize((int)(Window.getClientWidth()*0.95),600); this.contentPanel.setLayout(新fitlaway()); initWidget(this.conte

我正在使用GWT,GWT-EXT在glassfish中运行。我创建了两个组合框,如下所示:



this.contentPanel=newcontentpanel();
this.contentPanel.setFrame(true);
this.contentPanel.setSize((int)(Window.getClientWidth()*0.95),600);
this.contentPanel.setLayout(新fitlaway());
initWidget(this.contentPanel);
SimpleComboBox组合=新的SimpleComboBox();
setEmptyText(“选择主题…”);
组合。添加(“字符串1”);
组合。添加(“字符串2”);
this.contentPanel.add(组合);
ComboBox combo1=新ComboBox();
combo1.setEmptyText(“选择主题…”);
ListStore主题=新建ListStore();
主题。添加(“String3”);
主题。添加(“String4”);
combo.setStore(主题);
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/浏览器图像?

FireBug将是您与FireFox最好的朋友。你可以检查一切,css文件,html或javascript。。我确实有一个类似的问题,我的问题与丢失的图像文件有关。我是用萤火虫找到的

如果您将GWT与GWT-EXT一起使用,那么为什么要使用EXT-JS的combobox和GWT-EXT的combobox。

我的登录html页面缺少以下内容。我有参考,但它指向了错误的相对位置

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


在他们的showcase中,您可以很好地实现组合框功能。据我所知,Ext-GWT使用extjs作为他们的包。看看这里的例子,所有的导入都是extjs。詹姆斯干杯
<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>
<link rel="stylesheet" type="text/css" href="extgwt/css/gxt-all.css" />