2012-01-03 61 views
2

我面臨一個問題,我看不到GWT Suggestbox的下拉列表。 我將一個GWT Suggestbox添加到SmartGWT的VLayout中。然後我可以看到Suggestbox的文本框。但是當我輸入一些數據時,我看不到提供的建議。 這是因爲我使用SmartGWT VLayout嗎?誰能告訴我如何解決它?謝謝。GWT Suggestbox與Smartgwt


對不起,上面的問題還不夠清楚。我的意思是我把一個SuggestBox添加到一個高度很小的佈局中。然後我可以看到SuggestBox的TextBox部分和建議的一部分,其餘的建議似乎隱藏在其他佈局下。下面是我的代碼:

VLayout mainLayout = new VLayout(); 
mainLayout.setHeight100(); 
mainLayout.setWidth100(); 

MultiWordSuggestOracle oracle = new MultiWordSuggestOracle(); 
oracle.add("a"); 
oracle.add("aa"); 
oracle.add("aaa"); 
oracle.add("aaaa"); 
oracle.add("aaaaa"); 
oracle.add("aaaaaa"); 
oracle.add("aaaaaaa"); 
SuggestBox box = new SuggestBox(oracle, new TextBox()); 
VLayout suggestBoxLayout = new VLayout(); 
suggestBoxLayout.setHeight("10%"); 
suggestBoxLayout.addMember(box); 


VLayout body = new VLayout(); 
body.setBackgroundColor("#3B5998"); 
body.setHeight("90%"); 

mainLayout.addMember(body); 
mainLayout.addMember(suggestBoxLayout);   

所以,當我進入a到SuggestBox,我只能看到a, aa, aaa,其餘的建議是隱藏在body

+2

如果你想讓你的GWT widget在堆棧的頂部,你必須給它一個高Z指數,那麼gwt和smartgwt之間就是Zindex問題了。 – 2012-01-03 17:06:20

+0

@AlainBUFERNE我嘗試。但仍然是同樣的問題。你能告訴我你是如何設置CSS樣式的? – John 2012-01-04 00:46:02

+0

@AlainBUFERNE感謝您的諮詢!我將z-index設置爲1000000!然後問題解決了。 – John 2012-01-04 02:15:01

回答

2

在Alain的幫助下,我在我的CSS中添加了.gwt-SuggestBoxPopup {z-index: 1000000;}。然後我解決了這個問題。

0

用一點代碼就會更容易。 前停下來SmartGWT的GWT的混合我綜合這是使用GWT suggestBox一些代碼,這是工作.... (你爲什麼不使用SmartGWT的選擇信息它的工作?) 問候

阿蘭

+0

感謝您的回覆。我在我的問題中添加了更多細節。你能再看一次嗎?謝謝。 – John 2012-01-03 16:29:32

2

這可能與zIndex有關,但沒有理由使用GWT的SuggestBox並遇到這樣的問題。使用SmartGWT的ComboBoxItem。如果您不希望在文本輸入區域的末尾顯示下拉控件,請調用setShowPickerIcon(false)。

+0

感謝您的回答。事情是我需要一個多值建議框。我發現有一個人是由其他人創造的。它的基本元素是一個GWT SuggestBox。這就是爲什麼我需要將GWT與SmartGWT混合使用。 – John 2012-01-04 02:33:44

+0

SmartGWT在這裏有一個MultiComboBox:http://www.smartclient.com/smartgwt/showcase/#multicombobox_category_new – 2013-04-03 01:23:42