EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: madonna on April 25, 2014, 07:26:13 PM



Title: pagination and tabs...
Post by: madonna 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>



Title: Re: pagination and tabs...
Post by: stworthy 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.


Title: Re: pagination and tabs...
Post by: madonna on April 26, 2014, 09:13:48 AM
sorry, mean datagrid - client side pagination


Title: Re: pagination and tabs...
Post by: madonna 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.


Title: Re: pagination and tabs...
Post by: madonna 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.   ??? 


Title: Re: pagination and tabs...
Post by: stworthy on April 27, 2014, 01:24:10 AM
Please refer to the attached example 'test.html'.