EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
May 16, 2024, 05:54:00 PM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for jQuery
>
pagination and tabs...
Pages: [
1
]
« previous
next »
Print
Author
Topic: pagination and tabs... (Read 7948 times)
madonna
Newbie
Posts: 5
pagination and tabs...
«
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
Re: pagination and tabs...
«
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
Re: pagination and tabs...
«
Reply #2 on:
April 26, 2014, 09:13:48 AM »
sorry, mean datagrid - client side pagination
Logged
madonna
Newbie
Posts: 5
Re: pagination and tabs...
«
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
Re: pagination and tabs...
«
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.
Logged
stworthy
Administrator
Hero Member
Posts: 3581
Re: pagination and tabs...
«
Reply #5 on:
April 27, 2014, 01:24:10 AM »
Please refer to the attached example 'test.html'.
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...