E’ possibile attraverso del codice JS attivare il compomente p:inplace nella modalità editor. Basterà assegnare ad ogni p:inplace un class css in quanto gli id in primefaces vengono mappati con l’aggiunta di parametri del componente (esempio wizard:id)

function toogleInput(classRow){
$('.'+classRow).find('.ui-inplace-display').filter(function(){
return $(this).css('display') == 'inline';}).toggle();
$('.'+classRow).find('.ui-inplace-content').filter(function(){
return $(this).css('display') == 'none'; }).toggle();
}

Riporto per completezza il codice XHTML da inserire che comprende anche l’aspetto grafico di primefaces

<p:ajax listener="#{bean.metodo}" update="@form">

<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-inplace-save" type="button"><span class="ui-button-text ui-c">ui-button</span></button>
<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-inplace-save" type="button" role="button" onclick="javascript:toogleInput('ajax')"><span class="ui-button-icon-left ui-icon ui-c ui-icon-check"></span><span class="ui-button-text ui-c">ui-button</span></button>
Categories: Informatica, JAVA, JSF

Comments are closed.