Używanie Primefaces 5.1 Jak zmienić styl Button Icon w środowisku wykonawczym używając tylko javascript. (bez wywołania ajax) - javascript, primefaces, style, icons

Używam PrimeFaces 5.1. Bez żadnego żądania serwera zmienię ikonę jednego przycisku. Ikona przycisku, która musi zostać użyta, powinna zostać zdefiniowana (lub zmieniona) metodą javascript.

Pomysł: Naciśnięcie drugiego przycisku I za pomocą metody JavaScript na komplecie, aby zdefiniować ikonę, która ma być używana. I doradzić pierwszy przycisk, aby zaktualizować się za pomocą tej nowej ikony.

Problem: nie wiem, jak ustawić ikonę Parametr p:commandButton za pomocą metody JavaScript. Muszę użyć fasoli: p:comandButton icon="#{myBean.getIcon}" .... Nie mogę też zdefiniować stylu lub ikony, których przycisk ma używać bezpośrednio, uzyskując dostęp do obiektu javascript primefaces przycisku.

Kto może pomóc?

Odpowiedzi:

Ikona na przycisku jest ustawiana za pomocą css. Jeśli spojrzysz na wygenerowany HTML, możesz to zobaczyć. (dysk z ikoną ui poniżej w pierwszym zakresie)

<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>

Poprzez manipulowanie klasą np. jquery, możesz łatwo zmienić ikonę (mając nadzieję, że nie zostaniesz oddany na głos, ponieważ nie publikuję kompletnego rozwiązania, ale zostawiam trochę plakatu)