Как использовать в или для выбора нескольких элементов?
У меня есть страница Facelets с . В каждой строке есть
. Если флажок установлен, объект, расположенный за соответствующей строкой, должен быть установлен в компоненте.
- Как мне это сделать?
- Как получить выбранные строки или их данные в резервном компоненте?
- Или было бы лучше сделать это с помощью
?
- Как ссылаться на ресурс CSS / JS / image в шаблоне Facelets?
- Что такое связывание компонентов в JSF? Когда предпочтительнее использовать?
- PrimeFaces commandButton не перемещается и не обновляется
- Как заменить @ManagedBean / @ViewScope на CDI в JSF 2.0 / 2.1
- Как программно отправлять запрос POST на страницу JSF без использования HTML-формы?
- Порядок выполнения событий при нажатии PrimeFaces p: commandButton
- Миграция с JSF 1.2 на JSF 2.0
- Как показать удобную страницу ошибок в браузере, когда исключение среды выполнения выбрано сервлетом?
- В чем разница между JSF, Servlet и JSP?
- Форма представления в условно отображаемом компоненте не обрабатывается
- Локализация в JSF, как запоминать выбранную локаль за сеанс вместо запроса / представления
- Атрибут привязки вызывает дублирование идентификатора компонента, найденного в представлении
- Какое пространство имен XML используется с JSF 2.2
Лучше всего привязать значение h:selectBooleanCheckbox
с помощью Map
где RowId
представляет тип идентификатора строки. Давайте предположим, что у вас есть объект Item
, идентификатор свойства id
которого Long
:
...
который должен использоваться в сочетании с:
public class Item { private Long id; // ... }
а также
public class Bean { private Map checked = new HashMap(); private List- items; public void submit() { List
- checkedItems = checked.entrySet().stream() .filter(Entry::getKey) .map(Entry::getValue) .collect(Collectors.toList()); checked.clear(); // If necessary. // Now do your thing with checkedItems. } // ... }
Вы видите, что карта автоматически заполняется id
всех элементов таблицы в качестве ключа, а значение флажка автоматически устанавливается как значение карты, связанное с id
элемента в качестве ключа.
В следующем примере я использую флажки для выбора двух или более продуктов, позволяющих пользователю сравнивать спецификации продукта на новой веб-странице с использованием JSF 2.0.
Мне потребовалось немало времени, чтобы найти следующую проблему (совершенно очевидно, конечно, конечно), поэтому подумал, что стоит упомянуть тех, кто пытается использовать разбивку на страницы с приведенным выше кодом BalusC (хороший ответ BalusC, намного проще, чем я когда-либо себе представлял).
Если вы используете разбивку на страницы, вы получите нулевые указатели на линии:
if (checked.get (item.getId ()))
-в приведенном выше кодексе BalusC.
Это связано с тем, что на карту добавлены только отображаемые флажки (doh; slap thebhead). Для тех продуктов, чьи флажки никогда не отображаются, из-за разбиения на страницы эта строка приведет к ошибке с нулевым указателем и должна быть добавлена проверка, чтобы игнорировать эти нулевые указатели (при условии, что все флажки не отмечены при загрузке страницы). Для того, чтобы пользователь установил галочку, необходимо отобразить страницу разбиения на страницы, чтобы после этого все хорошо работало.
Если для загрузки первой страницы требуются некоторые или все флажки, то это не поможет вам … вам придется вручную добавить их на Карту, чтобы они отображались правильно при загрузке страницы ,
Обратите внимание: поскольку я использую объект classа Entity classа из базы данных JPA, мне также необходимо использовать @Transient для id в моем classе Entity Entity, поскольку все переменные считаются столбцами в базе данных JPA по умолчанию, если только префикс @Transient , Также я использую вторую ссылку для сброса флажков, которая вызывает clearSelections (), а мой ‘submit’ – это ссылка, вызывающая compareSelectedProducts (), а не кнопку Submit.
Полный код выглядит следующим образом:
В classе ProductTbl Entity, полученном из базы данных:
@Transient private Long id; public Long getId() { return id; } public void setId(Long id) { this.id = id; }
В фонотеке «ProductSelection»:
private Map checked = new HashMap(); private String errorMessage = ""; // List of all products. private List products; // List of products to compare. private List compareProducts; // Setters and getters for above... public String compareSelectedProducts() { // Reset selected products store. compareProducts = new ArrayList(); for (ProductTbl item: products) { // If there is a checkbox mapping for the current product then... if(checked.get(item.getId()) != null) { // If checkbox is ticked then... if (checked.get(item.getId())) { // Add product to list of products to be compared. compareProducts.add(item); } } } if(compareProducts.isEmpty()) { // Error message that is displayed in the 'ErrorPage.xhtml' file. errorMessage = "No Products selected to compare specifications. Select two or more products by ticking the check box in the second column 'Cmpr'"; return "process_ErrorPage"; } // Rest of code to get product specification data ready to be displayed. return "process_CompareSelected"; } public String clearSelections() { // Untick all checkbox selections. checked.clear(); return "process_MainSearchResult"; }
На веб-странице JSF «MainSearchResult.xhtml»:
В файле «faces-config.xml»:
process_MainSearchResult /MainSearchResult.xhtml process_CompareSelected /CompareSelected.xhtml process_ErrorPage /ErrorPage.xhtml
Один из способов отправки параметра через
– отправить его через заголовок флажка. В ValueChangeListener
вы можете получить его из компонента с помощью getAttributes().get("title")
. Это помогает в случаях, когда вы хотите отправить значение id в качестве параметра (в отличие от выбранного индекса строки).