如何使 GWT 列表框可编辑选择的一部分

Question

根据我的要求，我编写了一个自定义面板，它将显示三个列表框，使用户能够从此自定义列表框中选择日期。这三个列表框负责显示月、日、年值。现在我想让我的三个列表框可编辑并且同时可选择。我的意思是我想提供一个用户首选项，日期可以编辑，同时也可以选择。我怎样才能在 GWT 中做到这一点。这里我使用的是GWT2.0。任何人请给一个想法。

Answer 1

浏览器不提供这样的控件。 GWT 也没有。您需要编写自己的代码。 EXT-GWT（非免费）ComboBox 具有此功能。 http://www.extjs.com/examples/
Smart GWT 也是如此（也不是免费的） http://www.smartclient.com/smartgwt/ Showcase/#styled_combobox_category

如果您要自己推出，则可以从具有 TextBox 和单击 TextBox（或其一部分）时显示的 VerticalPanel 的 Composite 开始。您的面板将包含可点击的项目。

Answer 2

您可以使用 suggestBox 而不是列表框来解决这个问题。但用户必须开始输入才能显示列表。

Answer 3

您可以使用绝对面板来实现相同的...
下面是代码片段。

使用文本框隐藏选择框调整文本框的宽度和位置，使其覆盖下拉列表...

final AbsolutePanel absolute_panel_edit_list = new AbsolutePanel();
final TextBox onhold_textbox = new TextBox();
final ListBox onhold = new ListBox();

for (int onholdcount = 0; onholdcount < onHoldTypes.length; onholdcount++)
{
   onhold.addItem(onHoldTypes[onholdcount]);
}

onhold.addKeyPressHandler(new KeyPressHandler()
{       
   @Override
   public void onKeyPress(KeyPressEvent event) 
   {
      onhold_textbox.setStyleName("onhold_textbox");
      absolute_panel_edit_list.add(onhold,0,8);
      absolute_panel_edit_list.add(onhold_textbox,1,10);
      absolute_panel_edit_list.setSize("142px", "35px");

      flex_row4.removeCell(4, 9);
      flex_row4.setWidget(4, 9, absolute_panel_edit_list);
      onhold_textbox.addMouseOutHandler(new MouseOutHandler() 
      {        
         @Override
         public void onMouseOut(MouseOutEvent event) 
         {
            String customized_time = onhold_textbox.getText();
            int no_of_elements = onhold.getItemCount();
            onhold.addItem(customized_time);
            onhold.setSelectedIndex(no_of_elements);
            flex_row4.removeCell(4, 9);
            flex_row4.setWidget(4, 9, onhold);
            flex_row4.setWidget(4, 11, completed_togglebutton);
            flex_row4.setWidget(4, 13, completed_label);      
         }
      });
   }
});