EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: r2ferna on September 11, 2013, 09:46:33 AM

Title: How to custom the pager
Post by: r2ferna on September 11, 2013, 09:46:33 AM

Hi!
I found how to hide de PageList (showPageList:false)
Now I like to hide the pagination icons. (First, Prev, Page, Next, Last)
I only like to show the refresh icon and the message "Displaying {from} to {to} of {total} ítems"

Please, somebody can help me?

Title: Re: How to custom the pager
Post by: stworthy on September 12, 2013, 05:45:01 PM

One solution to solve this issue is to add a customized reload button and hide all its previous buttons.

Code:

<div class="easyui-pagination" data-options="total:114,buttons:$('#btn')" style="border:1px solid #ddd;"></div>
<div id="btn">
	<a href="#" class="easyui-linkbutton" plain="true" iconCls="pagination-load"></a>
</div>
<script>
	$(function(){
		$('#btn').closest('td').prevAll('td').hide();
	});
</script>

Title: Re: How to custom the pager
Post by: r2ferna on September 18, 2013, 09:45:56 AM

Thanks stworthy. It Works!!