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

Question

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

Answer 1

你没有告诉我们什么样的HTML元素应该是focused - 正常divs / spans或形式元素如inputs。

如果你需要聚焦一个普通元素，即突出它，那么你只需要CSS装饰它。你可以这样做：

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

要么

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

上面将使用style为ListView添加CSS class或wicket:id属性到HTML元素。

如果您需要关注HTML输入/选择元素，那么您需要像$('#yourInputId').focus()一样执行JavaScript。你可以用Wicket的#renderHead(IHeaderResponse response)方法做到：

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