Prevent page refresh in pagination.

[neelam bhandari, geändert vor 12 Jahren.]

Hi,
I am using liferay-ui:search-container to show my results in pagination. But when pressed next or previous <a> tag it causes refresh of entire page which I dont want .How to prevent the page refresh?

Thanks
Neelam Bhandari

[Gaurang Sheladia, geändert vor 12 Jahren.]

Hi Nilam,

If you dont want to refresh the page while pagination, you can write pagination using AJAX because liferay search container will send a request each time while you are going through a pagination.

Let me know if you need any further info regarding AJAX related pagination.

Regards,
Gaurang

[Juan M. Gomez, geändert vor 12 Jahren.]

Hi Gaurang,

By using AJAX pagination do you mean writing a different plugin? or using AJAX in conjunction with the Liferay SearchContainer? I'm facing the same problem and would appreciate your help,

Thanks in advance,
Juan M.

[Gaurang Sheladia, geändert vor 12 Jahren.]

Hi Juan,

In Liferay out of the box pagination it will always refresh the page while you change any page or any sort order because everytime it is calling render method.

So yes if you will write your own plugin it will be easier OR you can use jQuery pagination plugins to achieve this functionality.

Let me know for any query.

Hope this helps you.

Regards,
Gaurang

[Venkatesh Perumal, geändert vor 11 Jahren.]

Here is a sample implementation steps for jQuery plugin pagination. Go through this link for more configuration, http://cssglobe.com/post/9801/easy-paginate-jquery-plugin-for-pagination/

Implementation in JSP:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$('ul#items').easyPaginate();
});
</script>


<ul id="items">
<c:forEach>
<li>
Place your code here….
</li>
</c:forEach>
</ul>



Implementation in Liferay-portlet.xml - make below entry for your portlet

<footer-portlet-javascript>
/js/easypaginate.min.js
</footer-portlet-javascript>