2011-01-10 117 views
0

我正在GWT-EXT中使用运行在glassfish中的GWT。我创建2个组合框如下:GWT组合框无法正确显示


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,火狐3.6.6或铬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 /浏览器图像?

回答

0

我从Landing html页面遗失以下内容。那么我有参考,但它指向错误的相对位置。

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

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

+0

谢谢。在您的答案后添加了对我的帖子的编辑。 – James 2011-01-10 10:09:24

0

如果您使用GWT-EXT的GWT比为什么使用EXT-JS的组合框使用GWT-EXT的组合框。

+0

形成他们的展示你可以很好地实现组合框功能。 – Ankit 2011-01-10 11:13:57