GWT Suggestbox 与 Smartgwt答案

【问题标题】：GWT Suggestbox with SmartgwtGWT Suggestbox 与 Smartgwt
【发布时间】：2012-02-01 13:57:15
【问题描述】：

我遇到了一个问题，我看不到 GWT Suggestbox 的下拉列表。我正在将 GWT Suggestbox 添加到 SmartGWT 的 VLayout 中。然后我可以看到 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 隐藏。

【问题讨论】：

gwt 和 smartgwt 之间存在 Zindex 问题，如果您想让 GWT 小部件位于堆栈顶部，则必须为它们提供高 Z 索引。
@AlainBUFERNE 我试试看。但仍然是同样的问题。你能告诉我你是如何设置 CSS 样式的吗？
@AlainBUFERNE 感谢您的建议！我将 z-index 设置为 1000000！然后问题就解决了。

标签： gwt smartgwt

【解决方案1】：

用一点代码会更容易。在停止将 Smartgwt 与 Gwt 混合之前，我集成了一些使用 GWtSuggestBox 的代码并且它正在工作...... （你为什么不使用它完成这项工作的 Smartgwt 选择项？）问候

阿兰

【讨论】：

感谢您的回复。我在我的问题中添加了更多细节。你能再看看吗？谢谢。

【解决方案2】：

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

【讨论】：

感谢您的回答。问题是我需要一个多值建议框。我发现有一个由其他人创建。它的基本元素是一个 GWT SuggestBox。这就是为什么我需要将 GWT 与 SmartGWT 混合使用。
SmartGWT 在这里有一个 MultiComboBox：smartclient.com/smartgwt/showcase/#multicombobox_category_new

【解决方案3】：

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

【讨论】：