Foren
Rich:modalPanel issue with liferay6 in ie7 and ie8
srinivas dv, geändert vor 12 Jahren.
Rich:modalPanel issue with liferay6 in ie7 and ie8
New Member Beiträge: 2 Beitrittsdatum: 07.11.11 Neueste Beiträge
Hi all, we are facing browser compatibility issue with rich:modalPanel. Actual issue is:
We are developing portlet in liferay6 which shows a Rich:modalPanel when you click on a4j:commandLink/commandbutton. This functionality is working fine in non IE browsers(i.e in mozilla and chrome) but in IE modalPanel is not coming when you click on link or button. This is working fine when you refresh the page or navigate to another tab/page and come to modalPanel page and do the operations. If you are able to help us pls assist. Pls let me know if you need any clarifications on issue.
Below is the code for modalpanel:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:t="http://myfaces.apache.org/tomahawk">
<head>
</head>
<f:view>
<rich:dataGrid value="#{dataTable.languages}" var="movieDetails">
<a4j:form>
<h:panelGrid>
<h:outputText value="#{movieDetails.language}"></h:outputText>
<h:inputText value="#{dataTable.selectedItem }"></h:inputText>
<a4j:commandLink action="#{dataTable.setPriceValue}"
reRender="movie,price" value="Click Here!" onclick="ClickJS">
<rich:componentControl for="myModalPanel" operation="show"
event="oncomplete" />
<a4j:actionparam value="#{movieDetails.language}"
name="movieNameParam" assignTo="#{dataTable.movieName}"></a4j:actionparam>
</a4j:commandLink>
<a4j:jsFunction name="ClickJS" reRender="myModalPanel">
</a4j:jsFunction>
</h:panelGrid>
</a4j:form>
</rich:dataGrid>
<a4j:form>
<rich:modalPanel id="myModalPanel" autosized="true" zindex="500">
<div id="myModalDiv">
<h:panelGrid columns="2">
<h:outputLabel value="Movie Name:"></h:outputLabel>
<h:outputText id="movie" value="#{dataTable.movieName}"></h:outputText>
<h:outputLabel value="Price:"></h:outputLabel>
<h:outputText id="price" value="#{dataTable.price}"></h:outputText>
<h:commandLink value="submit"
action="#{dataTable.updateModalPanel}">
</h:commandLink>
<h:commandLink value="cancel"
onclick="#{rich:component('myModalPanel')}.hide(); return false;"
styleClass="ordershowbtn" />
</h:panelGrid>
</div>
</rich:modalPanel>
</a4j:form>
</f:view>
</html>
We are developing portlet in liferay6 which shows a Rich:modalPanel when you click on a4j:commandLink/commandbutton. This functionality is working fine in non IE browsers(i.e in mozilla and chrome) but in IE modalPanel is not coming when you click on link or button. This is working fine when you refresh the page or navigate to another tab/page and come to modalPanel page and do the operations. If you are able to help us pls assist. Pls let me know if you need any clarifications on issue.
Below is the code for modalpanel:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:t="http://myfaces.apache.org/tomahawk">
<head>
</head>
<f:view>
<rich:dataGrid value="#{dataTable.languages}" var="movieDetails">
<a4j:form>
<h:panelGrid>
<h:outputText value="#{movieDetails.language}"></h:outputText>
<h:inputText value="#{dataTable.selectedItem }"></h:inputText>
<a4j:commandLink action="#{dataTable.setPriceValue}"
reRender="movie,price" value="Click Here!" onclick="ClickJS">
<rich:componentControl for="myModalPanel" operation="show"
event="oncomplete" />
<a4j:actionparam value="#{movieDetails.language}"
name="movieNameParam" assignTo="#{dataTable.movieName}"></a4j:actionparam>
</a4j:commandLink>
<a4j:jsFunction name="ClickJS" reRender="myModalPanel">
</a4j:jsFunction>
</h:panelGrid>
</a4j:form>
</rich:dataGrid>
<a4j:form>
<rich:modalPanel id="myModalPanel" autosized="true" zindex="500">
<div id="myModalDiv">
<h:panelGrid columns="2">
<h:outputLabel value="Movie Name:"></h:outputLabel>
<h:outputText id="movie" value="#{dataTable.movieName}"></h:outputText>
<h:outputLabel value="Price:"></h:outputLabel>
<h:outputText id="price" value="#{dataTable.price}"></h:outputText>
<h:commandLink value="submit"
action="#{dataTable.updateModalPanel}">
</h:commandLink>
<h:commandLink value="cancel"
onclick="#{rich:component('myModalPanel')}.hide(); return false;"
styleClass="ordershowbtn" />
</h:panelGrid>
</div>
</rich:modalPanel>
</a4j:form>
</f:view>
</html>
Anhänge: