0

我在数据表中有复选框列,我想要一些 ajax 代码,当我单击标题上的复选框按钮时,应该检查数据表的呈现数据行中的所有复选框。我正在使用 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>
4

0 回答 0