IE 9 Problem
Hi to All
I used richFaces 4 on Windows 7
I have Screen contend <rich:extendedDataTable> and <rich:popupPanel> in <iframe>
<rich:extendedDataTable> must be choosed Compatibility View So runs
<rich:popupPanel> in<iframe> Should not choose Compatibility View So Layout Will not be crashed
<rich:extendedDataTable value="#{manageTimeSheetsBacking.timeSheetsList}"
var="timeSheet"
id="timeSheetTable"
rowClasses="even-row,odd-row"
styleClass="extended-table-style"
selectionMode="multiple"
rows="10"
style="height: 302px;"
>
<f:facet name="header">
<h:commandButton value="#{LABEL.ADD}"
immediate="true"
action="goToAddTimeSheetPage"
rendered="#{loginUserBacking.hasPermission('ADD_TIME_SHEET_PERMISSION_KEY')}"
styleClass="button-table-style"/>
<a4j:commandButton value="#{LABEL.DELETE}"
oncomplete="#{rich:component('confirmDeleteDialog')}.show()"
render="@none"
rendered="#{loginUserBacking.hasPermission('DELETE_TIME_SHEET_PERMISSION_KEY') and manageTimeSheetsBacking.deleteAllow}"
styleClass="button-table-style"/>
<a4j:commandButton value="#{LABEL.TIMESHEET_APPROVE}"
actionListener ="#{manageTimeSheetsBacking.approvedTimeSheetAction}"
render="timeSheetTable"
execute="@this"
rendered="#{loginUserBacking.hasPermission('APPROVE_TIME_SHEET_PERMISSION_KEY') and manageTimeSheetsBacking.approveStatusAllow}"
styleClass="button-table-style"/>
<a4j:commandButton value="#{LABEL.TIMESHEET_REJECT}"
actionListener ="#{manageTimeSheetsBacking.rejectTimeSheetAction}"
render="timeSheetTable"
execute="@this"
rendered="#{loginUserBacking.hasPermission('REJECT_TIME_SHEET_PERMISSION_KEY') and manageTimeSheetsBacking.rejectStatusAllow}"
styleClass="button-table-style"/>
<h:commandButton value="#{LABEL.EDIT}"
action="#{editTimeSheetBacking.initEditTimeSheetAction}"
rendered="#{loginUserBacking.hasPermission('EDIT_TIME_SHEET_PERMISSION_KEY') and manageTimeSheetsBacking.updateAllow}"
styleClass="button-table-style">
<f:setPropertyActionListener value="#{manageTimeSheetsBacking.tableRowsSelection[0]}"
target="#{editTimeSheetBacking.timeSheetBean}"
/>
</h:commandButton>
<!--a4j:commandButton value="{LABEL.TIMESHEET_EXPORT_TO_EXCEL}"
actionListener ="{manageTimeSheetsBacking.exportExlActionListener}"
render="this testId"
execute="@this"
styleClass="button-table-style"
oncomplete="window.open ('{manageTimeSheetsBacking.reportPath}','mywindow');"/-->
<a4j:commandButton value="#{LABEL.TIMESHEET_REPORT}"
actionListener ="#{manageTimeSheetsBacking.printTimeSheetReport}"
render="this"
execute="@all"
styleClass="button-table-style"
oncomplete="if(#{manageTimeSheetsBacking.reportPrintable}) {openReportDialog();}"
/>
</f:facet>
<f:facet name="footer" >
<rich:dataScroller for="timeSheetTable" maxPages="6" />
</f:facet>
<a4j:ajax execute="@form"
event="selectionchange"
listener="#{manageTimeSheetsBacking.timeSheetTableSelectionListener}"
render="@this" />
<rich:column sortBy="#{timeSheet.timeSheetUserName}"
sortOrder="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetUserNameSortingOrder}"
filterExpression="#{fn:containsIgnoreCase(timeSheet.timeSheetUserName,manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetUserNameFilter)}"
filterValue="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetUserNameFilter}"
styleClass="column-table-style" width="80px"
>
<f:facet name="header" >
<a4j:commandLink value=" #{LABEL.TIMESHEET_USER_NAME}"
render="MTForm:timeSheetTable"
actionListener="#{manageTimeSheetsBacking.timeSheetSortingByUserName}"/>
<a4j:outputPanel ajaxRendered="false">
<h:graphicImage id="ascendingImage1"
value="/resources/images/ascending.png"
rendered="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetUserNameSortingArrowDirection == 1}"/>
<h:graphicImage id="ascendingImage11"
value="/resources/images/descending.png"
rendered="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetUserNameSortingArrowDirection == 2}"/>
</a4j:outputPanel>
<h:inputText id="filter" value="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetUserNameFilter}">
<a4j:ajax event="keyup" render="MTForm:timeSheetTable@body" execute="@this"/>
</h:inputText>
</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{timeSheet.timeSheetUserName}"/>
</rich:column>
<rich:column styleClass="column-table-style" width="80px" >
<f:facet name="header">#{LABEL.TIMESHEET_DEATE}</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{timeSheet.timeSheetDate}"/>
</rich:column>
<rich:column sortBy="#{timeSheet.timeSheetProjectName}"
sortOrder="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetProjectNameSortingOrder}"
styleClass="column-table-style" width="130px">
<f:facet name="header">
<a4j:commandLink value="#{LABEL.TIMESHEET_PROJECT_NAME}"
render="MTForm:timeSheetTable"
actionListener="#{manageTimeSheetsBacking.timeSheetSortingByProjectName}"
/>
<a4j:outputPanel ajaxRendered="false">
<h:graphicImage id="ascendingImage2"
value="/resources/images/ascending.png"
rendered="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetProjectNameSortingArrowDirection == 1}"/>
<h:graphicImage id="ascendingImage22"
value="/resources/images/descending.png"
rendered="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetProjectNameSortingArrowDirection == 2}"/>
</a4j:outputPanel>
</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{timeSheet.timeSheetProjectName}"/>
</rich:column>
<rich:column sortBy="#{timeSheet.timeSheetStoryName}"
sortOrder="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetStoryNameSortingOrder}"
styleClass="column-table-style" width="140px">
<f:facet name="header">
<a4j:commandLink value="#{LABEL.TIMESHEET_STORY}"
render="MTForm:timeSheetTable"
actionListener="#{manageTimeSheetsBacking.timeSheetSortingByStoryName}"
/>
<a4j:outputPanel ajaxRendered="false">
<h:graphicImage id="ascendingImage3"
value="/resources/images/ascending.png"
rendered="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetStoryNameSortingArrowDirection == 1}"/>
<h:graphicImage id="ascendingImage33"
value="/resources/images/descending.png"
rendered="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetStoryNameSortingArrowDirection == 2}"/>
</a4j:outputPanel>
</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{timeSheet.timeSheetStoryName}"/>
</rich:column>
<rich:column sortBy="#{timeSheet.timeSheetStatus}"
sortOrder="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetStatusSortingOrder}"
styleClass="column-table-style" width="60px" >
<f:facet name="header">
<a4j:commandLink value="#{LABEL.TIMESHEET_STATUS}"
render="MTForm:timeSheetTable"
actionListener="#{manageTimeSheetsBacking.timeSheetSortingByStatus}"
/>
<a4j:outputPanel ajaxRendered="false">
<h:graphicImage id="ascendingImage4"
value="/resources/images/ascending.png"
rendered="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetStatusaSortingArrowDirection == 1}"/>
<h:graphicImage id="ascendingImage44"
value="/resources/images/descending.png"
rendered="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetStatusaSortingArrowDirection == 2}"/>
</a4j:outputPanel>
</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{manageTimeSheetsBacking.mapLKPCashBean[timeSheet.timeSheetStatus].lkpLocaleName}"/>
</rich:column>
<rich:column styleClass="column-table-style" width="60px">
<f:facet name="header">#{LABEL.TIMESHEET_START_TIME}</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{timeSheet.timeSheetStartTime}"/>
</rich:column>
<rich:column styleClass="column-table-style" width="60px">
<f:facet name="header">#{LABEL.TIMESHEET_END_TIME}</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{timeSheet.timeSheetEndTime}"/>
</rich:column>
<rich:column styleClass="column-table-style" width="60px">
<f:facet name="header">#{LABEL.TIMESHEET_SUM_TIME}</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{timeSheet.timeSheetHoursAmount}:#{timeSheet.timeSheetMinutesAmount}"/>
</rich:column>
<rich:column sortBy="#{timeSheet.timeSheetWeekName}"
sortOrder="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetWeekNameSortingOrder}"
styleClass="column-table-style" width="60px">
<f:facet name="header">
<a4j:commandLink value="#{LABEL.TIMESHEET_WEEK_NAME}"
render="MTForm:timeSheetTable"
actionListener="#{manageTimeSheetsBacking.timeSheetSortingByWeekName}"/>
<a4j:outputPanel ajaxRendered="false">
<h:graphicImage id="ascendingImage5"
value="/resources/images/ascending.png"
rendered="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetWeekNameSortingArrowDirection == 1}"/>
<h:graphicImage id="ascendingImage55"
value="/resources/images/descending.png"
rendered="#{manageTimeSheetsBacking.sortingFilterationTimeSheetBean.timeSheetWeekNameSortingArrowDirection == 2}"/>
</a4j:outputPanel>
</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{timeSheet. timeSheetWeekName}"/>
</rich:column>
<rich:column styleClass="column-table-style" width="70px">
<f:facet name="header">#{LABEL.TIMESHEET_CREATION_DEATE}</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{timeSheet.timeSheetCreationDate}"/>
</rich:column>
<rich:column styleClass="column-table-style" width="188px">
<f:facet name="header">#{LABEL.TIMESHEET_DESCRIPTION}</f:facet>
<h:outputText styleClass="tabel-output-text-style" value="#{timeSheet.timeSheetDesc}"/>
</rich:column>
<f:facet name="footer">
<rich:column colspan="10">Sum Times:</rich:column>
<rich:column>
<h:outputText value="#{manageTimeSheetsBacking.timeSheetBean.timeSheetSumTimesAmount}">
</h:outputText>
</rich:column>
</f:facet>
</rich:extendedDataTable>