I have a search page where user selects/enters the criteria and then clicks one p:commanButton. Once the button clicked, dataTable is displayed. this dataTable is in a separate xhtml file and I have included it in the main search page and it is inside a p:outputPanel. If I have dynamic="true" on the dataTable, it stops populating datatable on the UI.
In firefox it works without problem.
in IE 6 it does not populate data when dynamic="true" . I want to use lazy loading because without that the page hangs and it makes the system unresponsive for some time.
in Google Chrome it gives error "Uncaught Error: NO_MODIFICATION_ALLOWED_ERR: DOM ".
Code: Select all
<p:commandButton value="Project Details" action="#{searchBean.projectsDisplay}" styleClass="buttons"
async="true" update="dtTableContainer"></p:commandButton>
<br/>
<p:outputPanel id="dtTableContainer" >
<ui:include src="projectdetails.xhtml"/>
</p:outputPanel>
Code: Select all
<f:subview id="projectView" rendered="#{searchBean.displayProjectsTab}">
<h:commandLink value="Excel" id="excelExport"
styleClass="buttons"
style="padding: 4px;"
action="#{searchBean.generateProjectDetailReport}">
</h:commandLink>
<p:dataTable id="projectTab" var="project" value="#{searchBean.lazyModelProjects}"
width="100%" border="0" paginator="true" rows="10"
dynamic="true" lazy="true"
paginatorTemplate="{FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}">
<p:column>
<f:facet name="header"><h:outputText value="#{bundle.label_companynumber}" /></f:facet>
<h:outputText id="companyNo" value="#{project.companyNumber}" />
</p:column>
<p:column>
<f:facet name="header"><h:outputText value="#{bundle.label_companyname}" /></f:facet>
<h:outputText id="companyName" value="#{project.companyName}" />
</p:column>
<p:column>
<f:facet name="header"><h:outputText value="#{bundle.label_region}" /></f:facet>
<h:outputText id="regionName" value="#{project.regionName}" />
</p:column>
<p:column>
<f:facet name="header"><h:outputText value="#{bundle.label_country}"/></f:facet>
<h:outputText id="countryName" value="#{project.countryName}" />
</p:column>
<p:column>
<f:facet name="header"><h:outputText value="#{bundle.label_review_date}"/></f:facet>
<h:outputText id="rdt" value="#{project.reviewDate}" />
</p:column>
</p:dataTable>
<br/>
<h:commandLink value="Excel" id="excelExport1"
styleClass="buttons"
style="padding: 4px;"
action="#{searchBean.generateProjectDetailReport}">
</h:commandLink><br/>
</f:subview>
Thanks,
Sushma