Как сосредоточить элементы списка в представлении списка на основе определенных условий?

Question

У меня есть представление списка на моей странице со списком элементов при загрузке страницы, и мне нужно сосредоточить элементы списка в списке на основе поиска пользователя в текстовом поле при отправке формы ... любой может помочь мне с этим

Answer 1

Вы не говорите нам, какие элементы HTML должны быть focused - нормальные 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 к элементу HTML с wicket:id для ListView.

Если вам нужно сфокусировать элемент ввода / выбора HTML, вам нужно выполнить JavaScript, например $('#yourInputId').focus().Вы можете сделать это методом #renderHead(IHeaderResponse response) Wicket:

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