ajax commandButton的commandButton问题

Question

嗨，我在按下<a4j:commandButton>后遇到了问题，因为某些原因，这个页面上的所有按钮都在改变样式。

我上传了一段视频，显示我的问题@0:10秒，http://www.screencast.com/users/Schyzotrop/folders/Jing/media/b54aece2-4a97-45dc-99eb-76a7fbe29002 ，谢谢

        <a4j:form id="form" ajaxSubmit="true">
            <a4j:commandButton id="butNC" limitToList="true" action="#{category.createSetup}" value="New Category" />
            <a4j:commandButton reRender="catDataScroller" onclick=""></a4j:commandButton>
            <rich:dataTable id="categoryList" value="#{category.categoryItems}"
                            var="item" rows="10" width="100%">
                <f:facet name="header">
                    <h:outputText value="Listing Category Items" />
                </f:facet>
                <rich:column width="10%" style="text-align:center">
                    <f:facet name="header">
                        <h:outputText value="Name" />
                    </f:facet>
                    <h:outputText value="#{item.name}" />
                </rich:column>
                <rich:column width="75%">
                    <f:facet name="header">
                        <h:outputText value="Description"/>
                    </f:facet>
                    <h:outputText value="#{item.description}"/>
                </rich:column>
                <rich:column style="text-align:center">
                    <f:facet name="header">
                        <h:outputText value="Actions"/>
                    </f:facet>
                    <a4j:commandButton value="Show" action="#{category.detailSetup}">
                        <f:param name="jsfcrud.currentCategory" value="#{jsfcrud_class['classes.util.JsfUtil'].jsfcrud_method['getAsConvertedString'][item][category.converter].jsfcrud_invoke}"/>
                    </a4j:commandButton>
                    <h:outputText value=" "/>
                    <a4j:commandButton value="Edit" action="#{category.editSetup}">
                        <f:param name="jsfcrud.currentCategory" value="#{jsfcrud_class['classes.util.JsfUtil'].jsfcrud_method['getAsConvertedString'][item][category.converter].jsfcrud_invoke}"/>
                    </a4j:commandButton>
                    <h:outputText value=" "/>
                    <a4j:commandButton value="Destroy" limitToList="true" action="#{category.destroy}" type="submit">
                        <%--<f:param name="jsfcrud.currentCategory" value="#{jsfcrud_class['classes.util.JsfUtil'].jsfcrud_method['getAsConvertedString'][item][category.converter].jsfcrud_invoke}"/>--%>
                        <h:outputText value="#{item.categoryID}"/>
                        <h:outputText value=" #{jsfcrud_class['classes.util.JsfUtil'].jsfcrud_method['getAsConvertedString'][item][category.converter].jsfcrud_invoke}"/>
                        <f:param name="catID" value="#{item.categoryID}"/>
                    </a4j:commandButton>
                </rich:column>
            </rich:dataTable>
            <rich:spacer height="30" />
            <rich:datascroller id="catDataScroller" for="categoryList" maxPages="10"/>
            <rich:messages style="color:red"></rich:messages>
        </a4j:form>

Answer 1

在加载rich:dataTable时，它只需分配默认的styleClass (a 4j:commandButton)，但是当您单击所有设置为默认css样式的按钮时。对于一个4j:commmandButton，没有提到styleClass属性。

例如，以这个为例。

<a4j:commandButton value="Confirm" styleClass="buttonstyle prisefont15" style="width:100px; height:30px; cursor:pointer;" action="#{DraftZoneBean.confirmAction}" immediate="true" reRender="draftzoneForm">
                                                                </a4j:commandButton>