0 Replies Latest reply on Oct 8, 2008 10:13 AM by L Kr

    IE7 crashes with rich:scrollableDataTable + rich:tree

    L Kr Newbie

      Hi,

      I have a facelets xthml page with a scrollableDataTable and a tree on it. With FF3 and Opera 9.5 the page works fine. But with IE7 (WinXP SP3, all updates installed) the browser crashes all the time. First the the tree is renderd, than the empty dataTable and after few seconds the browser crashes wihtout rendering the dataTable completly.

      Here's the relevant part of my page :

      ...
      <a4j:region renderRegionOnly="true" id="userTreeWrapper">
      <rich:dragIndicator id="indicator" />
       <t:panelGrid columns="2" cellpadding="1" cellspacing="4" columnClasses="panelc,panelc" >
       <rich:scrollableDataTable
       rowKeyVar="rkv"
       width="200px"
       height="400px"
       id="allPlantList"
       columns="1"
       value="#{plantGroupAssocTreeController.allPlantList}"
       var="plant"
       sortMode="single">
       <rich:column id="displayText" width="200">
       <f:facet name="header">
       <h:outputText style="200px" value="#{bundle['editplantgroups.plantList']}" />
       </f:facet>
       <a4j:outputPanel layout="block">
       <rich:dragSupport dragType="plant" dragValue="#{plant}" dragIndicator="indicator">
       <rich:dndParam name="label" type="drag" value="#{plant.displayString}" />
       </rich:dragSupport>
       <rich:dropSupport acceptedTypes="plant" dropListener="#{plantGroupAssocTreeController.processListDrop}" reRender="plantGroupTree,allPlantList"/>
       <h:outputText style="200px" value="#{plant.displayString}" />
       </a4j:outputPanel>
       </rich:column>
       </rich:scrollableDataTable>
      
      <t:panelGroup>
       <rich:tree
       id="plantGroupTree"
       dragIndicator="indicator"
       binding="#{plantGroupAssocTreeController.table}"
       nodeFace="#{item.type}"
       style="width:300px"
       styleClass="plantdatatable"
       value="#{plantGroupAssocTreeController.tree}"
       var="item"
       switchType="client"
       treeNodeVar="treeNode"
       rowKeyVar="treeRowKey"
       dragType="plant"
       acceptedTypes="plant"
       ajaxSubmitSelection="true"
       reRender="selectedNodeValue,allPlantList"
       nodeSelectListener="#{plantGroupAssocTreeController.processTreeSelection}"
       dropListener="#{plantGroupAssocTreeController.processTreeDrop}">
       <rich:treeNode icon="#{item.plantImageUrl}" iconLeaf="#{item.plantImageUrl}">
       <t:outputText value="#{item.displayName}" />
       <rich:dndParam name="label" type="drag" value="#{item.displayName}" />
       </rich:treeNode>
       <rich:treeNode icon="#{item.plantImageUrl}" iconLeaf="#{item.plantImageUrl}" >
       <t:outputText value="#{item.displayName}" />
       <rich:dndParam name="label" type="drag" value="#{item.displayName}" />
       <t:graphicImage url="/image/forall/cross.png"/>
       </rich:treeNode>
       </rich:tree>
      
      ...
      
      


      In the FF3 errorlog I saw the following error:
      error: drag.source is undefined
      source: http://localhost:8080/webportal/a4j/g/3_3_0-SNAPSHOTorg/richfaces/renderkit/html/scripts/dnd/dnd-dropzone.js
      row: 3
      


      I've tested it with richfaces 3.2.2 and the latest 3.3 nightly build. The error occurs every time I hover (moueover) over a tree node.

      Because we definitly have to support IE 7 it's really important to us to fix this error.

      Thanks
      Lothar