Rich:message 用tooltip显示

因为用到了extjs查找dom节点的方法，所以包含一下连个脚步文件：

 

 <script src="#{seamRequest}/resources/ext/ext/ext-base.js"
   type="text/javascript"></script>
  <script src="#{seamRequest}/resources/ext/ext/ext-all-debug.js"
   type="text/javascript"></script>

 

 

message标签页面：

 

<style>
.messageLabel { 
 display:none;
}
</style>
</head>
 <script>
  
  function showValidationMessage(id1,id2){
//debugger;
 var node1=Ext.DomQuery.selectNode('[id*="'+id1+'"]');
 
 var node2=Ext.DomQuery.selectNode('[id*="'+id2+'"]',node1);
 var node3=Ext.DomQuery.selectNode('[class*="rich-message-label"]',node1);
 node2.innerHTML=node3.innerHTML;
};
  </script>

 

 

<c:if test="${displayType=='topright'}">
  <rich:message for="#{for}" tooltip="true"  errorLabelClass="messageLabel" showDetail="true" showSummary="false" style="width:100px;" id="#{for}_richmessage" >
  <f:facet name="errorMarker">
   <a4j:outputPanel id="#{for}_errorMessage">
    <h:graphicImage id="#{for}_richmessage3" value="/images/error.gif" />
    <rich:toolTip id="#{for}_richmessage2" direction="top-right" showDelay="300" style="width:200px" onshow="showValidationMessage('#{for}_richmessage','#{for}_richmessage1')"
     styleClass="tooltip" layout="block">
     <h:outputText id="#{for}_richmessage1" value="" />
    </rich:toolTip>
   </a4j:outputPanel>
  </f:facet>
 </rich:message>
 </c:if>

 <c:if test="${displayType=='right'}">
  <rich:message for="#{for}">
   <f:facet name="errorMarker">
    <h:graphicImage value="/images/error.gif" />
   </f:facet>
  </rich:message>
 </c:if>

 <c:if test="${displayType=='above'}">
  <rich:messages passedLabel="Data is allowed to be stored."
   layout="list">
   <f:facet name="header">
    <h:outputText value="Entered Data Status:"></h:outputText>
   </f:facet>
   <f:facet name="passedMarker">
    <h:graphicImage value="/images/passed.gif" />
   </f:facet>
   <f:facet name="errorMarker">
    <h:graphicImage value="/images/error.gif" />
   </f:facet>
  </rich:messages>
 </c:if>