EasyUI Forum
May 17, 2024, 11:09:30 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: pagination and tabs...  (Read 7949 times)
madonna
Newbie
*
Posts: 5



View Profile
« on: April 25, 2014, 07:26:13 PM »

Hi!

I'm using tabs and was able to display three tabs without any problems.   Now, I'm trying to add some pagination and it seems to be working fine for the first tab but is not working for the rest of the tabs.  I'm using different IDs and still have issues.  Thank you!

Pseudo Code:
-------------------
<div id="content">
<div style="margin:10px 0;"></div>
<div class="easyui-tabs" style="width:800px;height:270px">
   <div title="All Reports" style="padding:10px">
// pagination works fine here
   </div>
   <div title="Error Free Reports" style="padding:10px">
// pagination is not working
   </div>
   <div title="Reports with PCR errors" style="padding:10px">
// pagination is not working
        </div>
</div>
</div>

Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: April 25, 2014, 08:47:14 PM »

What do you mean about the pagination in a tab panel. Is it the pagination component or the datagrid component? If datagrid, please set 'fit' property to true or call 'resize' method to resize the datagrid when selecting a new tab panel.
Logged
madonna
Newbie
*
Posts: 5



View Profile
« Reply #2 on: April 26, 2014, 09:13:48 AM »

sorry, mean datagrid - client side pagination
Logged
madonna
Newbie
*
Posts: 5



View Profile
« Reply #3 on: April 26, 2014, 09:44:11 AM »

Okay, now I can display the data on the second tab but not in the datagrid format.  This is what I get when I hit the second tab:

RepID        TimeStamp        User
100        2014-02-06 15:43:52.0     admin
99         2014-02-06 15:43:52.0     admin
14        2014-01-09 18:43:37.0     admin
13        2014-01-09 17:16:28.0     admin
12        2014-01-09 17:09:33.0     admin
11       2014-01-09 17:09:14.0     admin
10       2013-12-23 16:02:12.0     admin
9       2013-12-23 16:01:54.0     admin
8       2013-12-23 16:01:50.0     admin
7       2013-12-23 16:01:41.0     admin
6       2013-11-07 14:10:30.0    admin
5       2013-11-07 14:10:22.0    admin
4       2013-11-07 14:08:03.0     admin
3       2013-11-07 14:07:56.0    admin
2       2013-10-30 18:34:59.0    admin

The first tab is working fine.
Logged
madonna
Newbie
*
Posts: 5



View Profile
« Reply #4 on: April 26, 2014, 11:34:31 AM »

Could I use datagrid - client side pagination on tabs?   I have used datagrid - client side pagination on other pages and work fine.  This is my first time incorporating datagrid - client side pagination with tabs.   Huh 
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #5 on: April 27, 2014, 01:24:10 AM »

Please refer to the attached example 'test.html'.
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!