如何使用 <p:watermark> 對於 <p:inplace> 編輯

Question

我想將<p:watermark>用於<p:inplace>編輯器。 我嘗試如下

<p:watermark for="txtSvcName" value="Please enter service name..." />
<p:inplace id="ipSvcName" editor="true" >                                   
    <p:inputText id="txtSvcName" value="#{service.serviceName}"  maxlength="50" 
     readonly="#{not subMerchantManagement.editPerspective}"    converter="UpperCaseConverter" />                                   
</p:inplace>

但不幸的是，這行不通。 我該如何實現？

Answer 1

根據Primefaces Showcase的說法，當某些事件發生時，您必須通過javascript調用p:watermark 。 在p:inputText上有很多事件可以在其中進行調用： onblur ， onchange ...只需調用PrimeFaces.showWatermarks(); 當您需要的功能發生時起作用。 您也應該看一下Primefaces文檔 ，因為有另一個功能可以在需要時清除水印。 祝好運。

已編輯

當用戶保存就位內容時，您可以觸發ajax事件。 處理該請求后，只需調用show函數並更新主容器。 我想這會很有用。

<p:panel id="panel">
    <p:watermark for="txtSvcName" value="Please enter service name..." />
    <p:inplace id="ipSvcName" editor="true" emptyLabel="Please enter service name..." >                                   
        <p:inputText id="txtSvcName" value="#{service.serviceName}" maxlength="50" 
            readonly="#{not subMerchantManagement.editPerspective}"    converter="UpperCaseConverter" /> 
        <p:ajax event="save" listener="#{subMerchantManagement.handleSave}" 
            oncomplete="PrimeFaces.showWatermarks();" update="panel" />  
    </p:inplace>
</p:panel>