Foren

Page Refresh Issue in Pagination

thumbnail
Gnaniyar Zubair, geändert vor 14 Jahren.

Page Refresh Issue in Pagination

Liferay Master Beiträge: 722 Beitrittsdatum: 19.12.07 Neueste Beiträge
Hi all,

I am including LIST page with pagination in my ADD page. In pagination, when i click Next / Prev link, the entire page is refreshed. But i want to refresh only my LIST page which is including in ADD page.

How to solve this?

- Gnaniyzr Zubair
thumbnail
delang j, geändert vor 14 Jahren.

RE: Page Refresh Issue in Pagination

Expert Beiträge: 252 Beitrittsdatum: 14.07.08 Neueste Beiträge
hi Gnaniyar,

did you find any solution yet? i want to do almost the same as yours. i took wol-portlet as my reference. so far it success but not pefectly.
breadcrumb and search show twice.

do you have any idea why it happen? really appreciate your help.

here screenshot


thanks
thumbnail
Gnaniyar Zubair, geändert vor 14 Jahren.

RE: Page Refresh Issue in Pagination

Liferay Master Beiträge: 722 Beitrittsdatum: 19.12.07 Neueste Beiträge
Hi delang,

In this case, you have to submit only division of your page. you have to use AjaxUtil method to submit the division. Then entire page will not refresh.



- Gnaniyar Zubair
thumbnail
delang j, geändert vor 14 Jahren.

RE: Page Refresh Issue in Pagination

Expert Beiträge: 252 Beitrittsdatum: 14.07.08 Neueste Beiträge
thanks for your reply. here my code on image gallery portlet. i dont know where is wrong. search form and breadcrumb appear twice on first click only!.


<div id="IGPix">
			<c:if test="<%= results.size() > 0 %>">
				<div class="taglib-search-iterator-page-iterator-top" id="searchImages">
					<liferay-ui:search-paginator searchContainer="<%= searchContainer %>" />
				</div>
			</c:if>
			
				&lt;%@ include file="/html/portlet/image_gallery/view_images.jspf" %&gt;

			</div>
			
			<script type="text/javascript">
				jQuery(document).ready(function () {
						var searchImages = jQuery('#searchImages');
			
						searchImages.find('a').click(
							function(event) {
								var url = this.href.replace('p_p_state=normal', 'p_p_state=exclusive');
								//var parent = searchFriends.parent();
			
								jQuery('#IGPix').html('<div class="loading-animation" />');
			
								jQuery("#IGPix").load(url);
								return false;
							});
					});
			</script>


here the screeshot
thumbnail
Gnaniyar Zubair, geändert vor 14 Jahren.

RE: Page Refresh Issue in Pagination

Liferay Master Beiträge: 722 Beitrittsdatum: 19.12.07 Neueste Beiträge
HI,

1. Give division only for that included page :

<c:if test="<%= results.size() > 0 %>">
<div class="taglib-search-iterator-page-iterator-top" id="searchImages">
<liferay-ui:search-paginator searchContainer="<%= searchContainer %>" />
</div>
</c:if>

<div id="IGPix">

<%@ include file="/html/portlet/image_gallery/view_images.jspf" %>

</div>
or

2. try to change the window state as maximized


- Gnaniyar Zubair
thumbnail
delang j, geändert vor 14 Jahren.

RE: Page Refresh Issue in Pagination

Expert Beiträge: 252 Beitrittsdatum: 14.07.08 Neueste Beiträge
1 here screenshot after done for step 1


2.it still the same when i change to maximized.

pagintaion work perfectly but breadcrumb and search form show double. look like it load from top
thumbnail
delang j, geändert vor 14 Jahren.

RE: Page Refresh Issue in Pagination

Expert Beiträge: 252 Beitrittsdatum: 14.07.08 Neueste Beiträge
i do the same thing on calendar portlet but same problem occur. is it a bug?
thumbnail
delang j, geändert vor 14 Jahren.

RE: Page Refresh Issue in Pagination

Expert Beiträge: 252 Beitrittsdatum: 14.07.08 Neueste Beiträge
solved!

i just change to this
jQuery('#portlet-wrapper-31 .portlet-content').load(url);


thanks
neelam bhandari, geändert vor 12 Jahren.

RE: Page Refresh Issue in Pagination

Regular Member Beiträge: 102 Beitrittsdatum: 16.08.11 Neueste Beiträge
Hi,
How to prevent the whole page refresh in while using liferay pagination?

I have placed my search container in a div like this :

<div id="results">
<liferay-ui:search-container delta="2" emptyResultsMessage="No Results Were found for the Selected Criteria">
<liferay-ui:search-container-results total="<%= properties.size() %>"
results="<%= ListUtil.subList(properties,searchContainer.getStart(),searchContainer.getEnd()) %>"/>
<liferay-ui:search-container-row modelVar="property" className="com.portal.domain.Property" >
<liferay-ui:search-container-column-jsp path="/WEB-INF/jsp/propertyDetail.jsp" align="left" />
</liferay-ui:search-container-row>
<liferay-ui:search-iterator />
</liferay-ui:search-container>
</div>


How to prevent the whole page refresh ?

Many thanks
Neelam