2011-01-10 124 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