Wie alle <p: ​​selectBooleanCheckbox /> boolean Checkboxen überprüft werden, indem ein Kontrollkästchen mit javaScript

Question

Ich habe </p:dataTable> von jsf, die eine Haupt <p:selectBooleanCheckbox > in einer Header-Spalte enthält. Unter dieser Spalte habe ich mehr <p:selectBooleanCheckbox > .Ich muss die überprüfen main <p:selectBooleanCheckbox > und dann alle anderen Kontrollkästchen sollten überprüft werden.Wenn ich den Haupt-unchecked alle anderen sollte auch deaktiviert werden.Ich habe viele Beispiele versucht, aber das hat nicht funktioniert.Ich muss dies mit JavaScript getan werden.

<p:dataTable value="#{userMassTransferBean.recordList}" var="record"> 
    <p:column> 
     <f:facet name="header"> 
      <h:outputText value="Transfer To "/> 
      <p:selectBooleanCheckbox id="mainCheckbox" /> 
     </f:facet> 
     <p:selectBooleanCheckbox id="subCheckbox" value="#{userMassTransferBean.selected}" /> 
    </p:column> 
</p:dataTable> 

Ich habe einige JAVA-Scripts verwendet, die aus dem Internet gefunden, aber sie gaben mir Fehler wie

Setter nicht für Festigkeitsklasse gefunden

So verwendete ich styleclass Attribut innerhalb des <p:selectBooleanCheckbox > Tag, aber dann hat das Skript nicht funktioniert. Bitte markieren Sie das nicht als Duplikat und ich muss dies mit javaScript tun.

Answer 1

Es scheint, dass Sie mit primefaces die Tabelle erstellen. Wenn Sie nur Javascript verwenden möchten, ist es besser, das generierte HTML anzuzeigen. Ich denke, es ist keine gute Idee, den gleichen Wert für das ID-Attribut zu verwenden, das in der HTML-Seite eindeutig sein muss. Der Fehler "Setter nicht gefunden für die Eigenschaftenklasse" wird angezeigt, wenn Sie das Attribut Class verwenden, das nicht die Style-Sheet-Klasse ist. Für dieses Ziel wird das styleClass-Attribut verwendet, das der Komponente eine css-Klasse hinzufügt.