有没有办法告诉JSF在使用<table>
时不应该呈现<h:selectOneRadio>
元素?
我不使用表格,在这种情况下它完全没有意义。
感谢任何帮助!
答案 0 :(得分:20)
group
属性根据JSF spec issue 329我已向group
添加了一个新的<h:selectOneRadio>
属性,这会使这一切变得更加乏味。在父group
内具有相同UIForm
值的所有单选按钮组件将彼此分组。如果选择项具有非空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在Mojarra中提供。
如果您已使用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}" />
可以在此博客中找到深入的技术说明:Custom layout with h:selectOneRadio in JSF 2.2。
如果您碰巧使用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>
您还可以循环播放可用的项目,只需在view build time期间执行此操作:
<ul>
<c:forEach items="#{bean.availableFoos}" varStatus="loop">
<li><p:radioButton for="foo" itemIndex="#{loop.index}" /></li>
</c:forEach>
</ul>
如果您还没有使用JSF 2.2,或者您不喜欢PrimeFaces UI,请抓取Tomahawk's <t:selectOneRadio>
,它会将同一个纯HTML输出呈现为<h:selectOneRadio>
,但支持layout="spread"
属性,以便您可以按照您希望的方式按<t:radio>
定位项目。
E.g。
<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
。这只是一点工作。从下面显示的第一个“另请参见”链接开始:
答案 1 :(得分: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上为无线电选择分配值,您需要从请求参数中获取它并在您的操作方法中手动分配。