如何根据特定条件将列表项集中在列表视图中？

Question

我的页面上有一个列表视图，其中包含页面加载项的列表，我需要根据用户在表单提交文本字段中的搜索来集中列表中的列表项。任何人都可以帮助我？

Answer 1

您不会告诉我们focused应该是哪种HTML元素-普通的div s / span s或input s之类的表单元素。

如果您需要关注常规元素（即突出显示它），则只需用CSS装饰它即可。您可以通过以下方式完成此操作：

listItem.add(AttributeModifier.append("style", "border: 1px red solid", ";"));

或

listItem.add(AttributeModifier.append("class", "myHighlightClass", " "));

上面的代码会将CSS style或class属性添加到带有wicket:id的ListView的HTML元素中。

如果您需要集中处理HTML input / select元素，则需要执行$('#yourInputId').focus()之类的JavaScript。 您可以通过Wicket的#renderHead(IHeaderResponse response)方法进行操作：

response.render(OnDomReadyHeaderItem.forScript("$('#" + textField.getMarkupId() + "').focus()"));