GWT Combobox无法正确显示

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

  •  09-10-2019
  •  | 
  •  

题

我正在使用gwt-ext在玻璃鱼中运行的GWT。我创建2个组合框，如下：

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

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

有人知道问题可能是什么吗？还是我如何进一步调查？是否可以看到浏览器获得的实际HTML，当我查看页面源时，我只能获取登录页面HTML。

另外，我还拥有一个import 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/浏览器图像？

有帮助吗？

解决方案 3

我错过了登陆HTML页面上的以下内容。好吧，我有参考，但它指的是错误的相对位置。

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

其他提示

Firebug将是您使用Firefox的最好的朋友。您可以检查所有内容，CSS文件，HTML或JavaScript。我确实有类似的问题，我的问题与缺少的图像文件有关。我确实是通过火药找到的。

如果您使用GWT与GWT-EXT一起使用，那么您为什么使用Ext-JS组合obobox使用GWT-EXT的ComboBox。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top