style
ユーザーがテキストを入力した後に呼び出されるイベント ブラーがある間に、2 番目の panelGrid でを更新する方法はlicplate
? 以下のコードを試しましたが、エラーが発生しました:
エラー [http-bio-8080-exec-28][render_portlet_jsp:154] javax.faces.FacesException: から参照されている識別子「panelInfo.Show()」を持つコンポーネントが見つかりません
<p:panelGrid styleClass="noborder valigntop">
<p:row>
<p:column>
<p:panelGrid styleClass="noborder">
<p:row>
<p:column>
<p:inputText id="licplate" value="#{gateBacking.queue.fleet}" >
<p:ajax event="blur" update="panelInfo.Show();" />
</p:inputText>
</p:column>
</p:row>
</p:panelGrid>
</p:column>
<p:column>
<p:panelGrid widgetVar="panelInfo" styleClass="border" style="visibility:hidden;">
<p:row>
//---
</p:row>
</p:panelGrid>
</p:column>
</p:row>
</p:panelGrid>
ありがとう!
編集
コードは非表示のパネルを表示しますが、その後、ボタンは機能しません。
...
<p:tab id="tabXXX" title="XXX">
<h:form id="frmXXX">
<script type="text/javascript">
function test(){
$(PrimeFaces.escapeClientId('frmXXX:opt')).css("display","block");
}
</script>
<p:messages id="prmMessage" autoUpdate="false" closable="true" />
<p:panelGrid id="pnlXXX">
<p:row>
<p:column>
<p:panelGrid>
<p:row>
<p:column><p:outputLabel for="valLbl" value="Value : " /></p:column>
<p:column>
<p:inputText id="valLbl" value="#{...}" required="true">
<p:ajax event="blur" update="olLicPlate" oncomplete="test();" />
</p:inputText>
</p:column>
<p:column><p:message for="valLbl" display="icon" /></p:column>
</p:row>
</p:panelGrid>
</p:column>
<p:column>
<p:outputPanel id="opt" style="display:none;">
<p:panelGrid id="pnlInfo">
...
</p:panelGrid>
</p:outputPanel>
</p:column>
</p:row>
<p:row>
<p:column colspan="2">
<p:panelGrid>
<p:row>
<p:column>
<p:commandButton id="btnAdd" value="Add"
action="#{...}" process="@form"
update="pnlXXX,prmMessage"></p:commandButton>
</p:column>
</p:row>
</p:panelGrid>
</p:column>
</p:row>
</p:panelGrid>
</h:form>
</p:tab>
...