我有一个 selectManyCheckbox,其中显示了项目列表,当我选择一个项目时,我希望触发对我的支持 bean 的回调,然后获取所选项目的值以使用此值进行一些过滤。我的问题是我无法执行支持bean方法。尝试了几种方法,这是我的代码
<h:form class="block filter image-list-filter">
<div class="title-block"> FILTER </div>
<div class="content">
<ul class="filter-block">
<p:selectManyCheckbox id="vals" layout="grid"
valueChangeListener="#{bean.selectFilter}" onchange="submit();">
<p:ajax event="click" process="@form" update="@all"/>
<f:selectItems value="#{bean.options}" var="filter"
itemValue="#{filter.idFilter}" itemLabel="#{filter.descr}"
itemDescription="#{filter.image}"/>
</p:selectManyCheckbox>
</ul>
</div>
</h:form>
<p:selectManyCheckbox id="vals" layout="grid">
<p:ajax event="click" process="@form" update="@all"
listener="#{bean.selectFilter}" />
<f:selectItems value="#{bean.options}" var="filter"
itemValue="#{filter.idFilter}" itemLabel="#{filter.descr}"
itemDescription="#{filter.image}"/>
</p:selectManyCheckbox>
<p:selectManyCheckbox id="vals" layout="grid"
valueChangeListener="#{bean.selectFilter}">
<p:ajax event="click" process="@form" update="@all"/>
<f:selectItems value="#{bean.options}" var="filter"
itemValue="#{filter.idFilter}" itemLabel="#{filter.descr}"
itemDescription="#{filter.image}"/>
</p:selectManyCheckbox>
public void selectFilter(ValueChangeEvent dege) {
Object[] selFilters = (Object[]) dege.getNewValue();
if (selFilters.length != 0) {
//Do stuff
}
}
options属性是存储可用值的特定对象的数组列表。当然,这个属性有setter
您的代码中有很多事情与我的做法大不相同,这使得我很难确定到底是什么导致了问题。相反,我将解释我将如何解决它:
元件:
<p:selectManyCheckbox id="vals" layout="grid" value="#{bean.selectedValue}">
<p:ajax listener="#{bean.selectFilter}" update="@all"/>
<f:selectItems value="#{bean.options}" var="filter"
itemValue="#{filter.idFilter}" itemLabel="#{filter.descr}"
itemDescription="#{filter.image}"/>
</p:selectManyCheckbox>
豆:
private Object[] selectedValue;
public Object[] getSelectedValue(){
return selectedValue;
}
public void setSelectedValue(Object[] newValue){
selectedValue = newValue;
}
public void selectFilter(){
Object[] selFilters = getSelectedValue();
if (selFilters.length != 0) {
//Do stuff
}
}
据我所知,这是标准的做事方式,通过普通的属性设置器提交值,然后在selectFilter等触发方法中与之交互。我也不鼓励使用update="@all"
,因为这会刷新整个页面。仅更新页面中实际更改的部分,例如update="@(. image e-list)"
将倾向于提供更好的用户体验。
使用h:form标签来获取选中的项目!