PrimeFaces DataTable - Demande de sélection de ligne

Question

Comment fonctionne ce code dans la sélection de ligne PrimeFaces DataTable?

<p:commandButton update=":form:display" oncomplete="confirmation.show()" image="ui-icon ui-icon-close" title="Delete"> 
       <f:setPropertyActionListener value="#{car}" target="#{tableBean.selectedCar}" /> 
    </p:commandButton> 

Je suis confus par ce qui suit: update = ": forme: affichage", et image = "ui-icon ui-icon-close".

Est-ce intégré dans Primefaces? ou dois-je créer un formulaire supplémentaire ou faire correspondre une image externe?

Answer 1

update = ": forme: affichage" fait référence à un élément spécifique de la page. Le premier ':' va à la racine de la page, donc il doit y avoir un composant avec l'identifiant "form" (probablement un formulaire) et à l'intérieur un composant avec l'identifiant "display". Cela signifie que les actions du bouton sont terminées: form: display sera mis à jour. Notez que ce n'est généralement pas une bonne idée d'utiliser des chemins absolus car ils peuvent être difficiles à tenir à jour lorsque vous modifiez la structure de la page. Si le bouton est au même niveau que le composant "display" vous pouvez simplement faire update = "display", ou vous pouvez faire des choses comme update = "@ form" pour mettre à jour tout le formulaire courant. Image = "ui-icon ui-icon-close" fait référence aux classes de styles dans votre CSS. Ces deux-là sont prédéfinis avec l'interface de premier niveau, mais si vous voulez utiliser des graphiques personnalisés, vous pouvez également définir vos propres classes de style.