voyent
ace:dataTable scroll not working with TabSet  XML
Forum Index -> General Help
Author Message
jzhang_ehs

Joined: 19/Nov/2021 15:09:09
Messages: 1
Offline


Hello,

The table scroll is working in following jsf page with icefaces 3, but it is not working with icefaces 4.3.

If <ace:tabset> and <ace:tabPane> are commented out in below codes, the table scroll can working fine with icefaces 4.3.

Can anyone help to find the possible reasons?

Thank you very much in advance.


<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:ace="http://www.icefaces.org/icefaces/components"
xmlns:emcel="http://emc.ehealthsask.ca/jsf-facelets"
xmlns:f="http://xmlns.jcp.org/jsf/core">>
<body>
<ui:composition template="../templates/template.xhtml">
<ui:define name="title"> Icefaces 4.3</ui:define>
<ui:define name="body">
<h:messages/>
<emcel:section title="Test Iceface tabset tag">
<h:form>
<script language="JavaScript" type="text/javascript">
function redrawIE7() {
if (document.getElementById("hisc_redrawId")) {
if(this.zoomLevel() !== 100) {
var left = document.body.scrollLeft;
var top = document.body.scrollTop;
window.scrollBy(left,top);
}
}
}

function zoomLevel() {
var rect = document.body.getBoundingClientRect();
return (Math.round((rect.right-rect.left)/document.body.clientWidth * 100)-2);
};
</script>
<ace:tabSet id="jstryTabSetId" clientSide="false">
<ace:tabPane id="tabPrvdrInfoId" label="Tab1">
<div id="hisc_redrawId" onscroll="redrawIE7()" style="width: 100%; overflow:scroll">
<h:panelGroup>
<ace:dataTable id="rsltTblId"
value="#{helloBean.dataList}"
var="var"
rows="10"
>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 1"/>
</f:facet>
<h:outputText value="Value 1"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 2"/>
</f:facet>
<h:outputText value="Value 2"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 3"/>
</f:facet>
<h:outputText value="Value 3"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 4"/>
</f:facet>
<h:outputText value="Value 4"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 5"/>
</f:facet>
<h:outputText value="Value 5"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 6"/>
</f:facet>
<h:outputText value="Value 6"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 7"/>
</f:facet>
<h:outputText value="Value 7"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 8"/>
</f:facet>
<h:outputText value="Value 8"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 9"/>
</f:facet>
<h:outputText value="Value 9"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 10"/>
</f:facet>
<h:outputText value="Value 10"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 11"/>
</f:facet>
<h:outputText value="Value 11"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 12"/>
</f:facet>
<h:outputText value="Value 12"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 13"/>
</f:facet>
<h:outputText value="Value 13"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 14"/>
</f:facet>
<h:outputText value="Value 14"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 15"/>
</f:facet>
<h:outputText value="Value 15"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 16"/>
</f:facet>
<h:outputText value="Value 16"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 17"/>
</f:facet>
<h:outputText value="Value 17"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 18"/>
</f:facet>
<h:outputText value="Value 18"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 19"/>
</f:facet>
<h:outputText value="Value 19"/>
</ace:column>
<ace:column>
<f:facet name="header">
<h:outputText value="Header 20"/>
</f:facet>
<h:outputText value="Value 20"/>
</ace:column>

</ace:dataTable>
</h:panelGroup>
</div>
</ace:tabPane>
</ace:tabSet>
</h:form>
</emcel:section>
</ui:define>
</ui:composition>
</body>
</html>

 
Forum Index -> General Help
Go to:   
Powered by JForum 2.1.7ice © JForum Team