Есть ли способ сообщить JSF, что он НЕ должен отображать элемент <table> при использовании <h:selectOneRadio>?
Я не использую таблицы, и в этом случае нет никакого смысла.
Любая помощь приветствуется!
<h: selectOneRadio> отображает элемент таблицы, как этого избежать?
Ответ 1
JSF 2.3 с атрибутом group
В соответствии с Спецификация 329 JSF Я добавил новый атрибут group к <h:selectOneRadio>, который должен сделать это намного менее утомительным, Все компоненты переключателя, имеющие одинаковое значение group внутри родительского UIForm, будут сгруппированы друг с другом. Кроме того, они не будут отображать разметку, кроме самой кнопки радиосвязи, и необязательной метки, если элемент select имеет ненулевой символ label. Если есть, ярлык появляется сразу после переключателя.
<!-- Just markup them the way you want! -->
<ul>
<ui:repeat id="items" value="#{bean.items}" var="item">
<li>
<h:selectOneRadio group="foo" value="#{bean.selectedItem}">
<f:selectItem itemValue="#{item}" />
</h:selectOneRadio>
</li>
</ui:repeat>
</ul>
Возможны также следующие сценарии. Когда есть несколько компонентов с одинаковым group, а атрибут value и/или UISelectItem отсутствует, то он будет ссылаться на те, которые были у первого компонента группы.
<h:selectOneRadio group="foo" value="#{bean.selectedItem}">
<f:selectItems value="#{bean.availableItems}" />
</h:selectOneRadio>
<h:selectOneRadio group="foo" />
<h:selectOneRadio group="foo" />
<h:selectOneRadio group="foo" value="#{bean.selectedItem}">
<f:selectItem itemValue="one" />
<f:selectItem itemValue="two" />
<f:selectItem itemValue="three" />
</h:selectOneRadio>
<h:selectOneRadio group="foo" />
<h:selectOneRadio group="foo" />
<h:selectOneRadio group="foo" value="#{bean.selectedItem}">
<f:selectItem itemValue="one" />
</h:selectOneRadio>
<h:selectOneRadio group="foo">
<f:selectItem itemValue="two" />
</h:selectOneRadio>
<h:selectOneRadio group="foo">
<f:selectItem itemValue="three" />
</h:selectOneRadio>
<h:selectOneRadio group="foo" value="#{bean.selectedItem}">
<f:selectItem itemValue="one" />
</h:selectOneRadio>
<h:selectOneRadio group="foo" value="#{otherBean.selectedItem}">
<f:selectItem itemValue="two" />
</h:selectOneRadio>
<h:selectOneRadio group="foo" value="#{lastBean.selectedItem}">
<f:selectItem itemValue="three" />
</h:selectOneRadio>
Он будет доступен в Мохарре в соответствии с 2.3.0-m07.
JSF 2.2 с элементами пересылки
Если вы уже используете JSF 2.2, используйте новую функцию passthrough elements/attribtues, в которой вы явно устанавливаете name атрибут как атрибут пересылки. Чтобы установить представленное значение в модели, вам потребуется только <h:inputHidden>.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:jsf="http://xmlns.jcp.org/jsf"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:a="http://xmlns.jcp.org/jsf/passthrough">
...
<!-- Just markup them the way you want! -->
<ul>
<ui:repeat id="items" value="#{bean.items}" var="item">
<li>
<input type="radio" jsf:id="item" a:name="#{hiddenItem.clientId}"
value="#{item}" a:checked="#{item eq bean.selectedItem ? 'checked' : null}" />
<h:outputLabel for="item" value="#{item}" />
</li>
</ui:repeat>
</ul>
<!-- This one won't display anything. -->
<h:inputHidden id="selectedItem" binding="#{hiddenItem}" value="#{bean.selectedItem}"
rendered="#{facesContext.currentPhaseId.ordinal ne 6}" />
Подробное техническое объяснение можно найти в этом блоге: Пользовательский макет с h: selectOneRadio в JSF 2.2.
PrimeFaces (JSF 2.x)
Если вы используете PrimeFaces, вы также можете использовать <p:selectOneRadio layout="custom"> с <p:radioButton>.
<html ... xmlns:p="http://primefaces.org/ui">
<!-- This one won't display anything. -->
<p:selectOneRadio id="foo" value="#{bean.selectedFoo}" layout="custom">
<f:selectItems value="#{bean.availableFoos}" />
</p:selectOneRadio>
<!-- Just markup them the way you want! -->
<ul>
<li><p:radioButton for="foo" itemIndex="0" /></li>
<li><p:radioButton for="foo" itemIndex="1" /></li>
<li><p:radioButton for="foo" itemIndex="2" /></li>
</ul>
Вы также можете перебирать доступные элементы, вам нужно всего лишь сделать это во время просмотра времени сборки:
<ul>
<c:forEach items="#{bean.availableFoos}" varStatus="loop">
<li><p:radioButton for="foo" itemIndex="#{loop.index}" /></li>
</c:forEach>
</ul>
Tomahawk (JSF 1.x или 2.x)
Если вы еще не на JSF 2.2 или если вам не нравится интерфейс PrimeFaces, возьмите Tomahawk <t:selectOneRadio>, который отображает тот же простой HTML-вывод как <h:selectOneRadio>, но поддерживает атрибут layout="spread", чтобы вы могли позиционировать элементы <t:radio> так, как вы хотите.
например.
<html ... xmlns:t="http://myfaces.apache.org/tomahawk">
<!-- This one won't display anything. -->
<t:selectOneRadio id="foo" value="#{bean.selectedFoo}" layout="spread">
<f:selectItems value="#{bean.availableFoos}" />
</t:selectOneRadio>
<!-- Just markup them the way you want! -->
<ul>
<li><t:radio for="foo" index="0" /></li>
<li><t:radio for="foo" index="1" /></li>
<li><t:radio for="foo" index="2" /></li>
</ul>
Пользовательский рендеринг
Поставьте пользовательский Renderer. Это только немного работы. Начните с первой ссылки "Смотрите также", показанной ниже:
См. также:
Ответ 2
Я не знаю, достаточно ли это для вас, но вот пример работы.
xhtml код:
<ui:repeat value="#{myBean.valueList}" var="radioValue">
<input type="radio" name="radioSelection" value="#{radioValue}" checked="#{radioValue == myBean.selectedRadioValue ? 'checked' : ''}">#{radioValue}</input>
</ui:repeat>
поддержка bean:
private String selectedRadioValue;
private List<Integer> valueList;
public MyBean() {
valueList = new ArrayList<Integer>();
for (int i = 0; i < 15; i++) {
valueList.add(i);
}
}
public String getSelectedRadioValue() {
return selectedRadioValue;
}
public List<Integer> getValueList() {
return valueList;
}
public void actionMethod() {
HttpServletRequest request = (HttpServletRequest)FacesContext.getCurrentInstance().getExternalContext().getRequest();
selectedRadioValue = request.getParameter("radioSelection");
}
так как вы не можете назначить значение для выбора радио непосредственно на xhtml, вам нужно получить его из параметров запроса и назначить его вручную в рамках своего действия.