Utilisation de Primefaces 5.1 Comment modifier le style Icône de bouton au moment de l'exécution uniquement à l'aide de JavaScript. (pas d'appel ajax) - javascript, primefaces, styles, icônes

J'utilise PrimeFaces 5.1. Sans demande du serveur, je changerai l'icône d'un bouton. L'icône du bouton à utiliser doit être définie (ou modifiée) par une méthode javascript.

Idée: En appuyant sur un deuxième bouton, vous utilisez une méthode JavaScript complète pour définir l'icône à utiliser. Et conseillez au premier bouton de se mettre à jour avec cette nouvelle icône.

Problème: je ne sais pas comment définir l’icône Paramètre de la p:commandButton en utilisant une méthode JavaScript. Je dois utiliser un haricot: p:comandButton icon="#{myBean.getIcon}" .... Je ne peux pas non plus définir le style ou l'icône que le bouton doit utiliser directement en accédant à l'objet javascript primefaces du bouton.

Qui peut aider?

Réponses:

L'icône sur le bouton est définie via css. Si vous regardez dans le HTML généré, vous pouvez le voir. (ui-icon-disk ci-dessous dans la première partie)

<button id="j_idt87:withIcon" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left" type="submit" style="margin-right:20px;" onclick="PrimeFaces.ab({s:"j_idt87:withIcon",u:"j_idt87:growl"});return false;" name="j_idt87:withIcon" role="button" aria-disabled="false">
<span class="ui-button-icon-left ui-icon ui-c ui-icon-disk"></span>
<span class="ui-button-text ui-c">With Icon</span>
</button>

En manipulant la classe avec par exemple jQuery, vous pouvez changer l’icône facilement (dans l’espoir de ne pas être rétrogradé car je n’affiche pas de solution complète mais laisse un peu de travail à l’affiche)