<p:selectBooleanCheckbox /> cannot work with <f:ajax>

于 2012-11-16 14:36:22 发布 · 257 阅读

文章标签：

#primefaces #jsf

JSF 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个关于JSF项目中checkbox点击事件无法触发AJAX更新的问题及解决方案。通过调整代码结构，使用h:selectBooleanCheckbox替代p:selectBooleanCheckbox，并将元素包裹在p:column中，成功实现了点击事件的监听。

项目上面使用如下：


<p:dataTable  ......>

    ......

    <p:column headerText="xxxx">
        <p:selectBooleanCheckbox .....>
             <f:ajax event="click"
                     execute="xxxxxxx"
                     render="xxxxxxxx"
                     listener="#{page.setShow()}"
                     immediate="true"/>
        </p:selectBooleanCheckbox>          
    </p:column>

    ........

</p:dataTable>

就是一个checkbox 点击触发事件，但是发现F:AJAX并没有被触发。

GOOGLE下，看到stackoverflow上面有类似的问题，需要用p:column封装(wrap).

然后修改如下,即可生效


<p:column>
	<f:facet name="header">
	   <h:outputText value="#{msg.SYSTEMSTATISTIC_SHOW}"/>
	</f:facet>

	<h:selectBooleanCheckbox id="show1" value="#{counter.show}">
	      <f:ajax event="click"
                      execute="show1"
                      ...........
              />
        </h:selectBooleanCheckbox>
</p:column>