2 Replies Latest reply on Aug 24, 2011 3:03 AM by deeps83

Dnd issue in Extended datatable.

deeps83 Aug 19, 2011 6:14 AM

I am getting the following error for more than one extended data tables that I am using in my application :

followed by a number of smilar errors for all of which we have to keep on clicking ok button.

Actually I have given id for each and every component in the table.Still the issue is there.Following is the code for the extended table for which I am getting the above error :

<h:form id="abForm12">

<a:outputPanel id="reporttestpanel">

<div><rich:extendedDataTable height="150px"

noDataLabel="#{messages['lbl.noreport']}"

value="#{appBuilder.reportlist}" var="reportvar"

id="listofreporttable" selectedClass="table-row-selected"

headerClass="table-header" activeClass="table-row-selected"

rowClasses="row1, row2" >

<rich:column label="#{messages['lbl.modeltype']}" width="90px"

sortBy="#{reportvar.getParamValue('ModelType')}"

sortable="true" id="rep_col1">

<f:facet name="header">

<h:outputText styleClass="headerText"

value="#{messages['lbl.modeltype']}" id="rep_txt1" />

</f:facet>

<h:outputText value="#{reportvar.getParamValue('ModelType')}"

id="rep_txt12" />

</rich:column>

<rich:column label="#{messages['lbl.reporttype']}"

width="110px"

sortBy="#{reportvar.getAgentCategory().toString()}"

sortable="true" id="rep_col2">

<f:facet name="header">

<h:outputText styleClass="headerText"

value="#{messages['lbl.reporttype']}" id="rep_txt2" />

</f:facet>

<s:div styleClass="coltextwrap" id="rep_div2">

<h:outputText value="#{reportvar.getAgentCategory()}"

id="rep_txt22" />

</s:div>

</rich:column>

<rich:column label="#{messages['lbl.reportsource']}"

width="130px" sortBy="#{reportvar.getSource()}"

sortable="true" id="rep_col3">

<f:facet name="header">

<h:outputText styleClass="headerText"

value="#{messages['lbl.reportsource']}" id="rep_txt3" />

</f:facet>

<s:div styleClass="coltextwrap">

<h:outputText value="#{reportvar.getSource()}"

id="rep_txt32" />

</s:div>

</rich:column>

<rich:column label="#{messages['lbl.reporttitle']}"

width="140px" sortBy="#{reportvar.getAgentName()}"

sortable="true" id="rep_col4">

<f:facet name="header">

<h:outputText styleClass="headerText"

value="#{messages['lbl.reporttitle']}" id="rep_txt4" />

</f:facet>

<s:div styleClass="coltextwrap">

<h:outputText value="#{reportvar.getAgentName()}"

id="rep_txt42" />

</s:div>

</rich:column>

<rich:column label="#{messages['lbl.creationdate']}"

width="100px"

sortBy="#{appBuilder.getDateAndTime(reportvar.getCreationDate())}"

sortable="true" id="rep_col5">

<f:facet name="header">

<h:outputText styleClass="headerText"

value="#{messages['lbl.creationdate']}" id="rep_txt5" />

</f:facet>

<s:div styleClass="coltextwrap">

<h:outputText

value="#{appBuilder.getDateAndTime(reportvar.getCreationDate())}"

id="rep_col52" />

</s:div>

</rich:column>

<rich:column label="#{messages['lbl.operation']}"

id="rep_col6">

<f:facet name="header">

<h:outputText styleClass="headerText"

value="#{messages['lbl.operation']}" id="rep_txt6" />

</f:facet>

<a:outputPanel id="reportstartpanel"

rendered="#{appBuilder.getStopImagePath(reportvar)}">

<a:commandLink value=" "

action="#{appBuilder.startReport(reportvar)}"

rendered="#{appBuilder.getValueFromPermissionMap('START_STOP_REPORT',reportvar)}"

reRender="reporttestpanel,reportstartpanel,reportstoppanel"

id="rep_link61">

<h:graphicImage value="/images/start.png"

title="#{messages['lbltitle.start']}" style="border:0"

id="rep_img61" />

</a:commandLink>

</a:outputPanel>

<a:outputPanel id="reportstoppanel"

rendered="#{appBuilder.getStartImagePath(reportvar)}">

<a:commandLink value=" "

action="#{appBuilder.stopReport(reportvar)}"

rendered="#{appBuilder.getValueFromPermissionMap('START_STOP_REPORT',reportvar)}"

reRender="reporttestpanel,reportstartpanel,reportstoppanel"

id="rep_link62">

<h:graphicImage value="/images/stop.png"

title="#{messages['lbltitle.stop']}" style="border:0"

id="rep_img62" />

</a:commandLink>

</a:outputPanel>

<a:commandLink value=""

action="#{appBuilder.getInstantReportForAgent(reportvar)}"

reRender="chartid,chartpanelgrid,pgrowl" id="rep_link63">

<h:graphicImage value="/images/view_report.png" title="View"

style="border:0;padding:2px;" id="rep_img63" />

</a:commandLink>

<a:commandLink

action="#{appBuilder.moreReportDetailsMethod(reportvar)}"

reRender="reportdetailpanel"

oncomplete="Richfaces.showModalPanel('reportdetaildialog');"

value=" " limitToList="true" id="rep_link64">

<h:graphicImage value="/images/information.png"

title="#{messages['lbltitle.moredetails']}"

style="border:0;" id="rep_img64" />

</a:commandLink>

<a:commandLink

action="#{appBuilder.moreReportDetailsMethod(reportvar)}"

oncomplete="Richfaces.showModalPanel('reportdeletedialog');"

rendered="#{appBuilder.getValueFromPermissionMap('DELETE_REPORT',reportvar)}"

reRender="reportdeletepanel" value=" " limitToList="true"

id="rep_link65">

<h:graphicImage value="/images/delete.png"

title="#{messages['lbltitle.delete']}" style="border:0"

id="rep_img65" />

</a:commandLink>

<a:commandLink

action="#{appBuilder.editReportWizard(reportvar)}"

rendered="#{appBuilder.getValueFromPermissionMap('EDIT_REPORT',reportvar)}"

reRender="cmbreporttype,reportdependentPanel,reportdepoutputpanel,reportsellist,lblreporttitle,reportcreateradio,reportfinishcmdpanel,reportsummarypanel,createApp,odayofdist,dayofPanel,reportcreatepanel"

oncomplete="Richfaces.showModalPanel('reportstep1panel');"

value=" " limitToList="true" id="rep_link66">

<h:graphicImage value="/img/page_edit.gif"

title="#{messages['lbltitle.edit']}" style="border:0"

id="rep_img66" />

</a:commandLink>

</rich:column>

</rich:extendedDataTable></div>

</a:outputPanel>

</h:form>

I am using richfaces 3.3.3Final + seam 2.2.2GA + jboss. I am getting this error in all browsers.

If anyone has any idea pls share.

Thanks,

Deeps.

1. Re: Dnd issue in Extended datatable.

ilya_shaikovsky Aug 21, 2011 12:18 PM (in response to deeps83)

just tried to add second table to rf-demo (3.3.3) and it works just fine. I believe there is a problem with markup in your case and script can't locate DOM objects it's looking for. I see at least one problem in the code you pasted - span generated by outputPanel holds div with tables inside.

I could suggest you to simplify your page as much as possible from the beginning to get it working.
Actions
2. Re: Dnd issue in Extended datatable.

deeps83 Aug 24, 2011 3:03 AM (in response to ilya_shaikovsky)

Thank you so much for the reply.Actually in my application I have 4 main tabs on click of each I will send an ajax request which includes the corresponding page in the panel .The code which does this is given below :

<ui:define name="content">
                    <h:form id="mainForm">
                              <a:outputPanel id="MainCmdPanel">
                                        <a:region id="mainregion">
                                                  <rich:toolBar styleClass="tab-header"
                                                            style="width:1051px;height:45px;" width="2"
                                                            itemSeparator="/images/menu_separator.png">

                                                            <c:forEach var="menuitem"
                                                                      items="#{applicationbean.listOfPfiApplications}">
                                                                      <rich:toolBarGroup
                                                                                styleClass="#{applicationbean.appCmdStyle[menuitem.getAppName()]}">
                                                                                <h:outputLabel value="#{menuitem.getAppName()}" styleClass="lbl"
                                                                                          style="padding-left:20px;">
                                                                                </h:outputLabel>
                                                                                <a:support action="#{applicationbean.getPage(menuitem)}"
                                                                                          reRender="MainPagePanel,MainCmdPanel" event="onitemclick"
                                                                                          eventsQueue="itmQ" />
                                                                      </rich:toolBarGroup>
                                                            </c:forEach>
                                                  </rich:toolBar>
                                                  <a:status onstart="Richfaces.showModalPanel('astartpanel')"
                                                            onstop="Richfaces.hideModalPanel('astartpanel')" for="mainregion">
                                                  </a:status>
                                        </a:region>
                              </a:outputPanel>
                    </h:form>

                    <rich:panel id="MainPagePanel"
                              style="width:1050px;background-color: transparent;z-index:100;padding-top:5px;">
                              <a:include viewId="#{applicationbean.selectedPage}" id="inclId" />
                    </rich:panel>

          </ui:define>
What I have noticed is that the , suppose I am moving from page1 to page2 , the error is thrown related to components in page1.Actually while miving from page1 to page2 , since page2 is included in the panel, the components of page1 will not be in the dom tree wright? But one thing that I am not understanding is why richfaces is looking for the components in page1 at this time due to which it is throwing this error.

From the complete flow if you are getting any idea about the reason for the error pls share.OR can you please tell me as per richfaces code when this alert is thrown?

thanks,
Deeps.
Actions

Go to original post