2012-01-03 14 views
2

GWT Suggestboxのドロップダウンリストが表示されないという問題に直面しています。 GWT SuggestboxをSmartGWTのVLayoutに追加しています。それから私はSuggestboxのテキストボックスを見ることができます。しかし、データを入力すると、提示された提案が表示されません。 これはSmartGWT VLayoutを使用しているためですか?誰も私にそれを解決する方法を教えてもらえますか?ありがとう。GWT Suggestbox with 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);   

私はSuggestBoxにaを入力するときに、私は唯一のa, aa, aaaを見ることができ、残りの提案がbodyによって非表示にしています。

+2

gwtとsmartgwtの間にZindexの問題があります。GWTウィジェットをスタックの最上部に配置したい場合、高いZインデックスを与えなければなりません。 –

+0

@AlainBUFERNE私はそれを試みます。しかし、それと同じ問題です。 CSSスタイルの設定方法を教えてください。 – John

+0

@AlainBUFERNEあなたのアドバイスありがとう! z-indexを1000000に設定しました!その後、問題は解決しました。 – John

答えて

2

アランの助けを借りて、.gwt-SuggestBoxPopup {z-index: 1000000;}をCSSに追加します。それから私は問題を解決する。

0

少しのコードで簡単にできます。アラン

....私はGWT suggestBoxを使用していたいくつかのコードを統合し、それが働いていたGWTでSmartgwtを混合するために停止する前に(なぜあなたはそれが仕事をしていませんのSelectItem?Smartgwtを使用していない) よろしく

+0

返信いただきありがとうございます。私は私の質問で詳細を追加しました。もう一度見てもらえますか?ありがとう。 – John

2

これはzIndexに関連しているかもしれませんが、GWTのSuggestBoxを使用してこのような問題に遭遇する理由はありません。 SmartGWTのComboBoxItemを使用します。テキスト入力エリアの最後にドロップダウンコントロールを表示しない場合は、setShowPickerIcon(false)を呼び出します。

+0

あなたの答えをありがとう。私は多値の提案ボックスが必要です。他の人が作成したものがあることがわかりました。基本要素はGWT SuggestBoxです。それで私はGWTとSmartGWTを混ぜる必要があります。 – John

+0

SmartGWTにはMultiComboBoxがあります:http://www.smartclient.com/smartgwt/showcase/#multicombobox_category_new –

関連する問題