列表框允许用户输入值

Question

在GWT中，如何让ListBox哪个用户可以选择下拉值以及他可以在列表框中输入硬编码值？

注意：在这种情况下，我不应该使用任何smartgwt，ot ext-gwt。

Answer 1

您可以创建这种widget组合TextBox和ListBox。我建议的是在TextBox上放置一个Panel，并在其中添加ListBox内联。减少ListBox的宽度，以便只显示其下拉按钮。现在选择下拉值时，请调用TextBox setText()，无论您需要选择哪个值，都要使用TextBox值。

示例代码：

UI-粘合剂

<g:HorizontalPanel>
<g:TextBox ui:field="textBox"/>
<g:ListBox ui:field="list" addStyleNames="demo-ListBox"/>
</g:HorizontalPanel>

Css：

.demo-ListBox {
    width: 20px;
}

爪哇

String text = list.getValue(list.getSelectedIndex());
textBox.setText(text);

// use the textBox.getText() always to get the value for the widget
//Also you can later compare the value of textBox and add it to the ListBox if needed via calling the list.addItem(text)

结束结果：