2011-07-05 50 views
1

ページ番号がページ区切りの中に表示されない理由を知りたい人はいらっしゃいますか?私はtablesorter.pagerプラグインを使用しています。ページ番号が表示されない

<?php 
session_start(); 
require("../inc/dbconfig.php"); 
require("../inc/global_functions.php"); 

// find out how many rows are in the table 
$query = "SELECT CONCAT_WS(' ',firstName,lastName) AS name, username, emailAddress, userID FROM manager_users WHERE statusID != 4"; 
$result = mysqli_query($dbc,$query); 

$fileName = basename($_SERVER['PHP_SELF']); 
$pageName = "User Accounts"; 
$userData = $_SESSION['user_data']; 
$userID = $userData['userID']; 
?> 

<script type="text/javascript"> 
$(document).ready(function() { 

$('a.bt_green').click(function(e) { 
    e.preventDefault(); 
    $('div.right_content').load('forms/addnew/' + $(this).attr('id')); 
}); 

$('#usersPageList').tablesorter().tablesorterPager({container:$('#pagination'),cssPageLinks:'a.pageLink', positionFixed: false}); 

$('table tr').click(function() { 

    checkBox = $(this).children('td').children('input[type=checkbox]'); 

    if(checkBox.attr('checked')) 
     checkBox.removeAttr('checked'); 
    else 
     checkBox.attr('checked', 'checked'); 

}); 

$('.ask').jConfirmAction(); 

$('.ask2').jConfirmAction();  

}); 
</script> 

<h2>User Accounts</h2> 

<table id="usersPageList" class="rounded-corner"> 

<thead> 

    <tr> 

     <th scope="col" class="rounded-first"></th> 
     <th scope="col" class="rounded">Name</th> 
     <th scope="col" class="rounded">Email Address</th> 
     <th scope="col" class="rounded">Username</th> 
     <th scope="col" class="rounded">Edit</th> 
     <th scope="col" class="rounded-last">Delete</th> 

    </tr> 

</thead> 

<tfoot> 

    <tr> 

     <td colspan="5" class="rounded-foot-left"><em>Displays all of the registered and verified users!</em></td> 
     <td class="rounded-foot-right">&nbsp;</td> 

    </tr> 

</tfoot> 

<tbody> 

    <?php 
    while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) { 
     echo "<tr>"; 
      echo "<td><input type=\"checkbox\" name=\"users[]\" value=\"".$row['userID']."\"/></td>"; 
      echo "<td>".$row['name']."</td>"; 
      echo "<td>".$row['emailAddress']."</td>"; 
      echo "<td>".$row['username']."</td>"; 
      echo "<td><a href=\"#\"><img src=\"images/user_edit.png\" alt=\"\" title=\"\" border=\"0\" /></a></td>"; 
      echo "<td>"; 
      if (($row['userID'] !== '10000') && ($row['userID'] !== $userID)){ 
       echo "<a href=\"#\" class=\"ask\"><img src=\"images/trash.png\" class=\"delete\" alt=\"\" title=\"\" border=\"0\" id=\"".$row['userID']."\" /></a>"; 
      } 
      echo "</td>"; 
     echo "</tr>"; 
    } 
    ?> 

</tbody> 

</table> 

<div id="pagination"></div> 

<?php 
addRemove($fileName,$pageName); 
?> 
<input type="hidden" name="myhiddenPageToken" id="myhiddenPageToken" value="useraccounts" /> 

EDIT POST:あなたのコードで動作するようにtablesorterPagerプラグインの

<script type="text/javascript"> 
$(document).ready(function() { 

$('a.bt_green').click(function(e) { 
    e.preventDefault(); 
    $('div.right_content').load('forms/addnew/' + $(this).attr('id')); 
}); 

$('#usersPageList').tablesorter().tablesorterPager({container:$('#pagination'),cssPageLinks:'a.pageLink', positionFixed: false}); 

$('table tr').click(function() { 

    checkBox = $(this).children('td').children('input[type=checkbox]'); 

    if(checkBox.attr('checked')) 
     checkBox.removeAttr('checked'); 
    else 
     checkBox.attr('checked', 'checked'); 

}); 

$('.ask').jConfirmAction(); 

$('.ask2').jConfirmAction();  

}); 
</script> 

<h2>User Accounts</h2> 

<table id="usersPageList" class="rounded-corner"> 

<thead> 

    <tr> 

     <th scope="col" class="rounded-first"></th> 
     <th scope="col" class="rounded">Name</th> 
     <th scope="col" class="rounded">Email Address</th> 
     <th scope="col" class="rounded">Username</th> 
     <th scope="col" class="rounded">Edit</th> 
     <th scope="col" class="rounded-last">Delete</th> 

    </tr> 

</thead> 

<tfoot> 

    <tr> 

     <td colspan="5" class="rounded-foot-left"><em>Displays all of the registered and verified users!</em></td> 
     <td class="rounded-foot-right">&nbsp;</td> 

    </tr> 

</tfoot> 

    <tbody> 

     <tr><td><input type="checkbox" name="users[]" value="10000"/></td><td>KOW Management</td><td>[email protected]</td><td>Administrator</td><td><a href="#"><img src="images/user_edit.png" alt="" title="" border="0" /></a></td><td></td></tr><tr><td><input type="checkbox" name="users[]" value="10001"/></td><td>Jeff Davidson</td><td>[email protected]</td><td>xtremer360</td><td><a href="#"><img src="images/user_edit.png" alt="" title="" border="0" /></a></td><td></td></tr> 

</tbody> 

</table> 

<div id="pagination"></div> 

<a href="" class="bt_green" id="useraccounts.php"><span class="bt_green_lft"></span><strong>Add New User Accounts</strong><span class="bt_green_r"></span></a><a href="" class="bt_blue"><span class="bt_blue_lft"></span><strong>View all User Accounts</strong><span class="bt_blue_r"></span></a><a href="" class="bt_red ask2"><span class="bt_red_lft"></span><strong>Delete User Accounts</strong><span class="bt_red_r"></span></a><input type="hidden" name="myhiddenPageToken" id="myhiddenPageToken" value="useraccounts" /> 
+2

を助け

希望は、あなたがjsfiddle.netに最終的なHTML出力を投稿したり、おそらくこのページがレンダリングされるページに私たちのリンクを与えることができていますか? (おそらくJavaScriptやHTML構造の問題なので)。ありがとう! –

+0

投稿を編集します。 –

+0

私はこの一日中でした。誰かがAIMやYAHOOにメッセージを送ってください。 (xtremer360) –

答えて

1

私は自分自身のフォーム改ページを追加する必要がありました。私はdocumentationからコピーされ、これにページネーションのdivを変更:

<div id="pagination"> 
    <form> 
     <img src="../addons/pager/icons/first.png" class="first"/> 
     <img src="../addons/pager/icons/prev.png" class="prev"/> 
     <input type="text" class="pagedisplay"/> 
     <img src="../addons/pager/icons/next.png" class="next"/> 
     <img src="../addons/pager/icons/last.png" class="last"/> 
     <select class="pagesize"> 
      <option selected="selected" value="10">10</option> 
      <option value="20">20</option> 
      <option value="30">30</option> 
      <option value="40">40</option> 
     </select> 
    </form> 
</div> 

tablesorterPagerが機能するようになりました、ともtablesorterPagerフォームを見つけることができない場合は壊れるtablesorterを修正します。

フォーム自体を生成するためにjquery.tablesorter.pager.jsの参照が見当たらないので、テーブルの結果の数に基づいてサーバー側を作成する必要があります1ページあたりの検索結果数

+0

唯一の問題は、リンクがそういうものになる必要があることです。

+0

ああ、私はかなり別の質問を参照してください;) – Tak

+0

それはここに存在するテンプレートの一部であるため、私はそれを言っています:kansasoutlawwrestling.com/manager/index2.html –

関連する問題