GridTable introduces JavaScript Issue in IE 7

Hi,

I am currently doing discovery of implementing the Simplica JSF gridTable and I have hit a snag. When I add the grid to the JSF page, all other javascript fails with "Object doesn't support this property or method", but when I remove the gridTable entirely, everything works just fine.

I am using JSF 1.1.5, Facelets 1.1.13, JBoss Rich Faces 3.1.2, and Ecruiser 1.1.4 Beta.

The following is my gridTable mark up:

         <e:gridtable id="editableClaimLineTable" 
                      binding="#{lines.gridTable}"
                      data="#{lines.rows}"
                      fixedColumnCount="1"
                      headerHeight="10"
                      highlightHeader="true"
                      highlightRow="true"
                      pageSize="10"
                      resizeRows="true"
                      resizeSelection="true"
                      rowHeader="true">
             
             <f:facet name="bottomPagination">
                 <h:panelGroup cols="2">
                     <h:outputText value="Viewing #{lines.firstLineIndex} to #{lines.lastLineIndex} lines of #{lines.lineCount} lines." />
                     <h:outputText value="Page #{lines.gridTable.pageIndex} of #{lines.gridTable.pageCount}" />
                 </h:panelGroup>
             </f:facet>  
             
              
             <e:dataTr>
             
                 <e:gridTd id="lineNum" 
                           value="#{ROW.lineNum}" 
                           labelText="#{messages['table.header.lineNumber']}" 
                           editable="false">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.lineNumber']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="lineStatus" 
                           labelText="#{messages['table.header.status']}" 
                           value="#{ROW.originalDetail.lineStatus}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.status']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="description" 
                           labelText="#{messages['table.header.description']}" 
                           value="#{ROW.originalDetail.description}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.description']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="category" 
                           labelText="#{messages['table.header.category']}" 
                           value="#{ROW.originalDetail.categoryName}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.category']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="brand" 
                           labelText="#{messages['table.header.brand']}" 
                           value="#{ROW.originalDetail.brand}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.brand']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="model" 
                           labelText="#{messages['table.header.model']}" 
                           value="#{ROW.originalDetail.model}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.model']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="vendor" 
                           labelText="#{messages['table.header.vendor']}" 
                           value="#{ROW.originalDetail.vendor}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.vendor']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="ageYears" 
                           labelText="#{messages['table.header.ageYears']}" 
                           value="#{ROW.originalDetail.age}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.ageYears']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="ageMonths" 
                           labelText="#{messages['table.header.ageMonths']}" 
                           value="#{ROW.originalDetail.age}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.ageMonths']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="purchaseDate" 
                           labelText="#{messages['table.header.purchaseDate']}" 
                           value="#{ROW.originalDetail.purchaseDate}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.purchaseDate']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="quantity" 
                           labelText="#{messages['table.header.quantity']}" 
                           value="#{ROW.originalDetail.quantity}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.quantity']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="guidancePrice" 
                           labelText="#{messages['table.header.guidancePrice']}" 
                           value="#{ROW.guidancePrice}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.guidancePrice']}"/>
                     </f:facet>
                 </e:gridTd>
                           
                 <e:gridTd id="insuredPrice" 
                           labelText="#{messages['table.header.insuredPrice']}" 
                           value="#{ROW.insuredPrice}" 
                           editable="true">
                     <f:facet name="header">
                         <h:outputText value="#{messages['table.header.insuredPrice']}"/>
                     </f:facet>
                 </e:gridTd>
                 
             </e:dataTr>
             
         </e:gridtable>

We used your configuration, but we couldn't reproduce this issue. Please attach a simple application that demonstrates this behavior, if you can. This will help us find a solution faster. Thank you!


	Home \| News \| Contact \| About \| License \| Privacy \| Documentation
	Copyright © 2009 Simplica Corporation. All rights reserved.