EasyUI Forum
April 29, 2024, 06:26:37 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: How to custom the pager  (Read 8196 times)
r2ferna
Newbie
*
Posts: 21


View Profile
« 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?
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 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>
Logged
r2ferna
Newbie
*
Posts: 21


View Profile
« Reply #2 on: September 18, 2013, 09:45:56 AM »

Thanks stworthy. It Works!!
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!