数据表中的复选框按钮

时间:2012-08-05 16:15:44

标签: ajax jsf jsf-2 primefaces

我在datatable中有复选框列,我想要一些ajax代码,当我点击标题上的checbox按钮时,应该检查数据表的渲染数据行中的所有复选框。我正在使用primefaces,他们有一些开箱即用的东西,但我们不想实现它。如果使用ajax有一个简单的解决方案,请告诉我。

截至目前,我们编码如下,但我们可以做得更好。

<p:dataTable id="userListTable" value="#{Bean.List}"
                    var="user" rowClasses="odd even"


                    <p:column style="width:18px">
                        <f:facet name="header">
                            <p:selectBooleanCheckbox
                                valueChangeListener="#{Controller.toggleCheckBox}"
                                partialSubmit="true" immediate="true" />

                        </f:facet>
                        <p:selectBooleanCheckbox value="#{user.disable}"
                            disabled="#{user.disable}"
                            valueChangeListener="#{circleController.enableDisableOkbutton}"
                            partialSubmit="true" immediate="true" />

                    </p:column>

                    <p:column>

                        <f:facet name="header">
                            <h:outputText value="#{labels['circle.userList.name']}" />
                        </f:facet>
                        <p:panelGrid styleClass="noBorders">
                            <p:row>
                                <p:column rowspan="3" style="width:60px;">
                                    <p:graphicImage
                                        value="#{name}.jpg"
                                        style="width:50px;height:50px" />
                                </p:column>
                                <p:column>

                                    <h:outputText value="  " />
                                    <h:outputText value="#{user.firstName}" />
                                    <h:outputText value="  " />
                                    <h:outputText value="#{user.lastName}" />


                                </p:column>
                            </p:row>
                            <p:row>
                                <h:outputText value="#{user.country}" />
                            </p:row>


                        </p:panelGrid>
                    </p:column>

                </p:dataTable>

0 个答案:

没有答案