Hi Klaus and Others, Any thought on this problem?
On Mon, Nov 17, 2008 at 12:58 PM, Raghu <[EMAIL PROTECTED]> wrote:
> Hello,
> I am using Jquery UI tab panel script..one of the tab loads its content
> with ajax. This remote page has table that uses Jquery Pagination script...
> Now issue is where to place pagination Div...If I place pagination div on
> page which has tab panel then pagination link are coming outside the tab
> panel.. and if I place pagination div in remote page then pagination links
> comes inside tab panel but pagination link doesn't work for second link or
> so....
>
> Is there anyone who faced this issue? How was that resolved/
>
> Here is my code if it helps in understand the problem...
>
> 1.) Main.jsp
>
> <div id="myFriends">
> <ul>
> <li><a href="<s:url value="myInvites_input.action"/>" title="My
> Invites"><span>My Invites</span></a></li>
> </ul>
> </div>
>
> <div id="My_Invites"> ... </div>
>
> <span id="myInvitesPagination" class="pagination"> </span>
>
> 2.) RemotePage.jsp
>
> <s:hidden name="invitesCount" value="${invitesCount}"/>
> <s:hidden name="invitesPageSize" value="${invitesPageSize}"/>
>
> <table width="600" cellpadding="1" cellspacing="1" bgcolor="#e2e2e2">
>
> <tr>
> <td width="150" align="center" class="h3">Email Address </td>
> <td width="150" align="center" class="h3">Invite Date</td>
> <td width="75" align="center" class="h3">Status</td>
> <td width="150" align="center" class="h3"></td>
> </tr>
>
> <s:if test="myInvitesTO.size > 0">
> <s:iterator value="myInvitesTO" >
> <tr>
> <td align="center" bgcolor="#FFFFFF"><s:property
> value="email"/></td>
> <td align="center" bgcolor="#FFFFFF"><s:date name="inviteDate"
> format="dd-MMM-yyyy hh:mm aa" /></td>
> <td align="center" bgcolor="#FFFFFF"><s:property
> value="inviteStatus"/></td>
> <td align="center" bgcolor="#FFFFFF">
>
> <s:if test="%{inviteStatus == 'Open'}">
>
> <div id='invitesId${myInvitesId}'>
> <a
> href="myInvites_reSend.action?myInviteTo.myInvitesId=${myInvitesId}&myInviteTO.inviteId=${inviteId}">Send
> New Invitation</a>
> </div>
>
> </s:if>
>
> </td>
> </tr>
> </s:iterator>
> </s:if>
> <s:else>
> <tr>
> <td align="left" colspan="4" bgcolor="#FFFFFF">
> There is no Invitation from you.
> </td>
> </tr>
> </s:else>
> </table>
>
> 3.) Javascript code..
>
> var $tabs = $('#myFriends ul').tabs({
>
> load: function(e, ui){
>
> var invitesCount = $("#invitesCount").val();
>
> var invitesPageSize = $("#invitesPageSize").val();
>
> $("#myInvitesPagination").pagination(invitesCount, {
>
> items_per_page:invitesPageSize,
>
> callback: function (page_id, jq) {
>
>
> var url = "myInvites_input.action?currentPage=" +
> page_id;
> $(ui.panel).load(url);
>
> return false;
> }
> });
>
> }
> });
>
> });
>
> Here each pagination link click returns RemotePage.jsp with new data....
>
> Any thought on problem..
>
> Thanks in advance...
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
