Problem in JSF 1.2 Richfaces

[nitishsinha]

Hello ,

I am using JSF1.2 wirh Richfaces 3.3.I tried to do paganation and sorting.I am able to see the page number,next and previous link at the bottom of the page.But when i try to navigate through the pages with the help of this link,nothing happens.

For using Richfaces i  made changes in the web.xml file and added jar in web-inf/lib.

Could any one help me.

Thanks

[boy18nj]

post your .xhtml

[nitishsinha]

<%@ page language="java" contentType="text/html;charset=UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>

<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<style type="text/css">

    .row1 {

        background-color: #ffffff;

        font-size: 10px;

    }

    .row2 {

        background-color: #ffffff;

        font-size: 10px;

    }

    </style>

<f:view>

        <jsf-naming:namingContainer id="facesContent">

        <h:form>

    <rich:dataTable value="#{TaskListBean.dataList}" var="dataItem"

                            rowClasses="row1, row2" id="taskList" rows="20"

                            columnClasses="50,100,100,100"

                            onRowMouseOver="this.style.backgroundColor='#B5F3FB'"

                            onRowMouseOut="this.style.backgroundColor='#{a4jSkin.rowBackgroundColor}'"

                            width="100%">

            <rich:column sortBy="#{dataItem.refId}">

                <f:facet name="header">

                <h:outputText style="width: 20px ;FONT-SIZE: 13px;FONT-FAMILY: arial" value="Ref Id" />

                </f:facet>

                 <h:outputLink value="#" id="link">

                                <h:outputText value="#{dataItem.refId}" style="FONT-SIZE: 13px;FONT-FAMILY: arial"/>

                                <rich:componentControl for="panel" attachTo="link" operation="show" event="onclick"/>

                            </h:outputLink>

            </rich:column>

            <rich:column sortBy="#{dataItem.execId}">

                <f:facet name="header">

                <h:outputText style="width: 20px ;FONT-SIZE: 13px;FONT-FAMILY: arial;font-weight: bold;" value="Exec Id" />

                </f:facet>

                <h:outputText value="#{dataItem.execId}" style="FONT-SIZE: 13px;FONT-FAMILY: arial"/>

            </rich:column>

            <rich:column sortBy="#{dataItem.clientRef}">

                <f:facet name="header">

                <h:outputText style="width: 80px ;FONT-SIZE: 13px;FONT-FAMILY: arial;font-weight: bold;" value="Client Ref" />

                </f:facet>

                <h:outputText value="#{dataItem.clientRef}" style="FONT-SIZE: 13px;FONT-FAMILY: arial"/>

            </rich:column>

         </rich:dataTable>

                <rich:datascroller align="center" for="taskList" maxPages="4"

                               status="ajaxStatus"

                                ajaxSingle="false" />

        </jsf-naming:namingContainer>

            </h:form>

</f:view>

[nitishsinha]

Hello,

On execution i am getting following error.

<Warning> <org.ajax4jsf.renderkit.AjaxRendererUtils> <BEA-000000> <AJAX Status component not found for AjaxComponent with id _id70>

[ilya_shaikovsky]

so it shows the cause clearly

you have

                               status="ajaxStatus"

at dataScroller but has no corresponding status component on the page.

[nitishsinha]

Hello,

Thanks, could you please provide me the correction.

Thanks well in advance.....

[ajanz]

place the following on your page

  <div id="ajaxStatusDiv" style="display:none;">

  <img src="img/ai.gif"  style="margin-top:13px" />

</div>

<a4j:status id="ajaxStatus" forceId="true" layout="none"

  onstart="jQuery('#ajaxStatusDiv').fadeIn('fast')"

  onstop="jQuery('#ajaxStatusDiv').fadeOut('fast')" />

where img/ai.gif must link to an ajax loader image.

[nitishsinha]

Hello,

The Jsp after adding the above code is following,But still i am not able to do the pagination or sorting.I am using weblogic10 portel to execute this jsp.Is there any specific setting (other than changes in web.xml for Richfaces) for weblogic portal.

Could you provide me a sample demo for JSF+richFaces+Portal(Weblogic)

Thanks

[nitishsinha]

<%@ page language="java" contentType="text/html;charset=UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>

<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<%@ taglib uri='http://bea.com/faces/adapter/tags-naming' prefix='jsf-naming' %>

<style type="text/css">

    .row1 {

        background-color: #ffffff;

        font-size: 10px;

    }

    .row2 {

        background-color: #ffffff;

        font-size: 10px;

    }

    </style>

<f:view>

        <jsf-naming:namingContainer id="facesContent">

        <h:form>

        <rich:modalPanel id="panel" width="350" height="70">

        <f:facet name="header">

            <h:panelGroup>

                <h:outputText value="Modal Panel"></h:outputText>

            </h:panelGroup>

        </f:facet>

        <f:facet name="controls">

            <h:panelGroup>

                <h:graphicImage value="-" styleClass="hidelink" id="hidelink"/>

                <rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/>

            </h:panelGroup>

        </f:facet>

        <h:outputText value="Modification History takes some time.Do u want to Continue."></h:outputText>

        <br/>

        <h:outputLink value="#" id="link" >

        <h:outputText value="OK" />

        <rich:componentControl for="panel2" attachTo="link" operation="show" event="onclick"/>

        <rich:componentControl for="panel" attachTo="link" operation="hide" event="onclick"/>

        </h:outputLink>

    </rich:modalPanel>

    <div id="ajaxStatusDiv" style="display:none;">

          <img src="img/ai.gif"  style="margin-top:13px" />

    </div>

    <a4j:status id="ajaxStatus" forceId="true" layout="none"

      onstart="jQuery('#ajaxStatusDiv').fadeIn('fast')"

        onstop="jQuery('#ajaxStatusDiv').fadeOut('fast')" />

    <rich:dataTable value="#{TaskListBean.dataList}" var="dataItem"

                            rowClasses="row1, row2" id="taskList" rows="20"

                            columnClasses="50,100,100,100"

                            onRowMouseOver="this.style.backgroundColor='#B5F3FB'"

                            onRowMouseOut="this.style.backgroundColor='#{a4jSkin.rowBackgroundColor}'"

                            width="100%">

            <rich:column sortBy="#{dataItem.refId}">

                <f:facet name="header">

                <h:outputText style="width: 20px ;FONT-SIZE: 13px;FONT-FAMILY: arial" value="Ref Id" />

                </f:facet>

                 <h:outputLink value="#" id="link">

                                <h:outputText value="#{dataItem.refId}" style="FONT-SIZE: 13px;FONT-FAMILY: arial"/>

                                <rich:componentControl for="panel" attachTo="link" operation="show" event="onclick"/>

                            </h:outputLink>

            </rich:column>

            <rich:column sortBy="#{dataItem.execId}">

                <f:facet name="header">

                <h:outputText style="width: 20px ;FONT-SIZE: 13px;FONT-FAMILY: arial;font-weight: bold;" value="Exec Id" />

                </f:facet>

                <h:outputText value="#{dataItem.execId}" style="FONT-SIZE: 13px;FONT-FAMILY: arial"/>

            </rich:column>

            <rich:column sortBy="#{dataItem.clientRef}">

                <f:facet name="header">

                <h:outputText style="width: 80px ;FONT-SIZE: 13px;FONT-FAMILY: arial;font-weight: bold;" value="Client Ref" />

                </f:facet>

                <h:outputText value="#{dataItem.clientRef}" style="FONT-SIZE: 13px;FONT-FAMILY: arial"/>

            </rich:column>

         </rich:dataTable>

         <rich:datascroller align="center" for="taskList" maxPages="4"

                               status="ajaxStatus"

                                ajaxSingle="false" />

                                 </h:form>

        </jsf-naming:namingContainer>

</f:view>