1

我正在使用 Wicket 为网站上的搜索引擎构建用户界面。当用户键入时，结果显示在下拉列表中。由于我有很多不同的对象（每个对象都有不同的显示结构），我想定义几个面板。因此，对于数据库中找到的每个项目，它都会获得正确的面板和正确的结构。例如：如果搜索引擎找到一个用户，它应该只显示名称。当找到图片时，缩略图和描述等......

现在我正在使用 AutocompleteTextField 但它只需要字符串。我想过在字符串中添加 html 并像这样显示它。但由于这不是一个真正干净的解决方案，我正在考虑使用面板。

那么，任何人都知道如何使用面板而不是 AutoCompleteTextField 中的字符串？

4

3 回答 3

3

使用-hook 方法来创建显示选项的行为AutoCompleteTextField。newAutoCompleteBehavior此钩子方法将IAutoCompleteRenderer作为参数。这个渲染器实际上是在做显示部分。因此，您可以将自己的渲染器传递给 AutoCompleteTextField （有一个构造函数接受一个），或者将其子类化AutoCompleteTextField以覆盖工厂方法。无论哪种方式，您都必须提出自己的实现，IAutoCompleteRenderer因为在 wicket 中没有这样的实现，并且渲染器本身将受到您当前应用程序设计的严重影响。

于 2013-03-18T16:23:46.710 回答
3

创建自己的组件。使用 ListView，将其放入 WebMarkupContainer。根据 TextField 输入显示 WebMarkupContainer 并刷新附加到 TextField 的 OnChangeAjaxBehavior 中的 ListView。

这样你就可以完全控制你想要实现的目标。

ListView 的示例代码：

   private ListView getLv(){
      ListView lv = new ListView(PANEL, new PropertyModel(this, "someList")) {
         @Override
         protected void populateItem(ListItem item) {
            Integer type = item.getModelObject().getType();
            if (type == 1) {
               item.add(new PanelType1("panel", item.getModelObject().someIdMaybe));
            } else if (type == 2) {
               item.add(new PanelType2("panel", item.getModelObject().someIdMaybe));
            }
         }
      };
      return lv;
   }
于 2013-03-18T18:38:39.477 回答
1

我认为不可能使用面板，因为面板是一个组件，它本身可以是任何东西。支持任何面板作为自动完成列表的一部分太难了。将自动完成元素作为带有自动完成字段的表单会很有趣；）

所以，这就是为什么有IAutoCompleteRenderer界面允许您为元素生成任何 html 标记，但不能作为面板。

作为一种选择，也许可以使用ModalWindow.

于 2013-03-18T16:32:41.307 回答