Need ajax pagination

[Anil T, módosítva 10 év-val korábban]

Hi Friends,


I need ajax pagination in my custom portlet. Is there any core portlet has ajax pagination functionality ?

If anyone knows how to use ajax pagination please share code block with this thread.

Thanks,
Anil

[meera prince, módosítva 10 év-val korábban]

Hi

Liferay grid not have such mechanism..

you can use jQgrid to meet your requirement..

As for my guess liferay can add or delete row in search container using AUI script.. so if we able do that one.. we can also manually add some AUI script to add or update content to grid once we get data from server through ajax

The following example jqgrid in liferay i did long back please have look it may help you...

http://www.liferaysavvy.com/2012/09/dynamic-jqgrid-with-json-data.html


http://www.liferaysavvy.com/2013/02/struts2liferay-service-builder-jqgrid.html


Regards,
Meera Prince
http://www.liferaysavvy.com

[Anil T, módosítva 10 év-val korábban]

Thanks meera for quick reply. I will try this one.

[Anil T, módosítva 10 év-val korábban]

Hi Meera,

Is there AUI ajax pagination ?

Thanks,
Anil

[venkatesh jonnakuti, módosítva 10 év-val korábban]

Hi Prince,

I have posted a thread, it is relating to Liferay upgrading From 6.0.6 to 6.1 please suggest the correct way to complete the migration procedure,

i am waiting for your replay...
please replay to this mail: [e-mail]
its very urgent.......


thanks and regards,
venkatesh.j

[Pankaj Kathiriya, módosítva 10 év-val korábban]

Anil T:

I need ajax pagination in my custom portlet. Is there any core portlet has ajax pagination functionality ?


Anil

In Document Library portlet, files listing has ajax pagination.

Members portlet of social-networking portlet [to be installed from Plugins Installation , non-core portlet] has ajax pagination which shows user's of current scope group.


Regards,

[venkatesh jonnakuti, módosítva 10 év-val korábban]

Hi Anil,

I have Posted a thread relating to Upgrading old version to new version of liferay. please Help me if you have the solution,

thanks and regards,
venkatesh.j

[Dominik Marks, módosítva 10 év-val korábban]

Hello Anil T,

we implemented once a liferay search container with ajax, because we wanted to show the search container within a AUI popup.

Maybe the following code excerpt may help you:

<%
    PortletURL iteratorURL = renderResponse.createRenderURL();
    iteratorURL.setWindowState(LiferayWindowState.EXCLUSIVE);
%>
<liferay-ui:search-container emptyresultsmessage="no-entries-available" delta="20" iteratorurl="<%=iteratorURL%>">
    <liferay-ui:search-container-results ... />
    <div id="<portlet:namespace/>myContainer">
                <liferay-ui:search-container-row> 
                           ...
                </liferay-ui:search-container-row> 
    </div>
</liferay-ui:search-container>

<aui:script use="aui-io-plugin">
    var myContainer= A.one('#<portlet:namespace />myContainer');
    if (myContainer) {
        var parent = myContainer.get('parentNode');

        parent.plug(
            A.Plugin.IO,
            {
                autoLoad: false
            }
        );

        myContainer.all('a').on(
            'click',
            function(event) {
                var uri = event.currentTarget.get('href').replace(/p_p_state=normal/i,'p_p_state=exclusive');
                parent.io.set('uri', uri);
                parent.io.start();

                event.preventDefault();
            }
        );
    }
</aui:script>

[Rahul Pande, módosítva 10 év-val korábban]

Hi Dominik,

Perfect solution. . Thanks for posting.


Rahul Pande

[Tran Du, módosítva 8 év-val korábban]

Dominik Marks:

Hello Anil T,

we implemented once a liferay search container with ajax, because we wanted to show the search container within a AUI popup.

Maybe the following code excerpt may help you:

<%
    PortletURL iteratorURL = renderResponse.createRenderURL();
    iteratorURL.setWindowState(LiferayWindowState.EXCLUSIVE);
%>
<liferay-ui:search-container emptyresultsmessage="no-entries-available" delta="20" iteratorurl="<%=iteratorURL%>">
    <liferay-ui:search-container-results ... />
    <div id="<portlet:namespace/>myContainer">
                <liferay-ui:search-container-row> 
                           ...
                </liferay-ui:search-container-row> 
    </div>
</liferay-ui:search-container>

<aui:script use="aui-io-plugin">
    var myContainer= A.one('#<portlet:namespace />myContainer');
    if (myContainer) {
        var parent = myContainer.get('parentNode');

        parent.plug(
            A.Plugin.IO,
            {
                autoLoad: false
            }
        );

        myContainer.all('a').on(
            'click',
            function(event) {
                var uri = event.currentTarget.get('href').replace(/p_p_state=normal/i,'p_p_state=exclusive');
                parent.io.set('uri', uri);
                parent.io.start();

                event.preventDefault();
            }
        );
    }
</aui:script>

I followed your solution but then search container just show the number of rows we defined in delta, it does not show the link to the next page to see the rest of the rows. What's happenning??

[Meera Prince, módosítva 8 év-val korábban]

HI
you are missing one tag <liferay-ui:search-iterator/> its should be enclose by search container main tag. following is order you need to follow.


<liferay-ui:search-container>
<liferay-ui:search-container-results/>
<liferay-ui:search-container-row>
<liferay-ui:search-container-column-text/>
<liferay-ui:search-container-column-text/>
</liferay-ui:search-container-row>
<liferay-ui:search-iterator/>
</liferay-ui:search-container>

try this it may help
http://www.liferaysavvy.com/2014/05/liferay-search-container.html

Regards,
Meera Prince