Wicket 如何根据特定条件在列表视图中聚焦列表项?

Wicket 如何根据特定条件在列表视图中聚焦列表项?,wicket,Wicket,我的页面中有一个列表视图,其中包含页面加载中的项目列表,我需要根据用户在表单提交文本字段中的搜索来聚焦列表中的项目。有人能帮我吗?您没有告诉我们应该聚焦哪种HTML元素-普通div/span或表单元素(如输入) 如果你需要聚焦一个普通元素,也就是高亮显示它,那么你只需要装饰它。您可以通过以下方式执行此操作: listItem.add(AttributeModifier.append("style", "border: 1px red solid", ";")); 或 上面将为ListView的

我的页面中有一个列表视图,其中包含页面加载中的项目列表,我需要根据用户在表单提交文本字段中的搜索来聚焦列表中的项目。有人能帮我吗?

您没有告诉我们应该聚焦哪种HTML元素-普通div/span或表单元素(如输入)

如果你需要聚焦一个普通元素,也就是高亮显示它,那么你只需要装饰它。您可以通过以下方式执行此操作:

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

上面将为ListView的wicket:id的HTML元素添加CSS样式或类属性

如果需要关注HTML输入/选择元素,则需要执行类似$'yourInputId.focus的JavaScript。 您可以在Wicket的RenderHeaderResponse响应方法中执行此操作:

listItem.add(AttributeModifier.append("class", "myHighlightClass", " "));
response.render(OnDomReadyHeaderItem.forScript("$('#" + textField.getMarkupId() + "').focus()"));