使用Smartgwt的GWT Suggestbox

时间:2012-01-03 14:29:07

标签: gwt smartgwt

我遇到一个问题,我无法看到GWT Suggestbox的下拉列表。 我在SmartGWT的VLayout中添加了一个GWT Suggestbox。然后我可以看到Suggestbox的文本框。但是当我输入一些数据时,我看不到提供的建议。 这是因为我使用的是SmartGWT VLayout吗?谁能告诉我如何解决它?感谢。


抱歉,上述问题不够明确。我的意思是我将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隐藏。

3 个答案:

答案 0 :(得分:2)

这可能与zIndex相关,但是没有理由使用GWT的SuggestBox并遇到这样的问题。使用SmartGWT的ComboBoxItem。如果您不希望在文本输入区域的末尾显示下拉控件,请调用setShowPickerIcon(false)。

答案 1 :(得分:2)

在Alain的帮助下,我将.gwt-SuggestBoxPopup {z-index: 1000000;}添加到我的CSS中。然后我解决了这个问题。

答案 2 :(得分:0)

使用一点点代码会更容易。 在停止将Smartgwt与Gwt混合之前我集成了一些使用GWt suggestBox的代码并且它正在工作.... (为什么不使用Smartgwt选择项来完成这项工作?) 此致

阿兰

相关问题