2017-05-29 20 views
1

こんにちは私はPHPで初心者で、検索とページネゴシエーションを使用する方法について学ぶList.Jsとphp 私は問題をphpの検索結果を検索しフィルタリングするために取得しています。私はすでにドキュメントの例に従っていますが、運がまだありません。 ここに私のコード:検索とページ番号sqlクエリphp

<div class="box-body"> 

<div id="listperson" align="center"> 
    <input type="text" placeholder="Search" class="fuzzy-search"/> 
<table class="col-md-12"> 
    <thead> 
     <tr> 
      <th class="col-md-1 sort"></th> 
      <th class="col-md-3 sort" data-sort="nama">Name</th> 
      <th class="col-md-1 sort" data-sort="role">Role</th> 
      <th class="col-md-3 sort">Email</th> 
      <th class="col-sm-2 sort">No.Hp</th> 
      <th class="col-sm-3 sort" data-sort="alamat">Alamat</th> 
      <th class="col-sm-1 sort">Edit</th> 
      <th class="col-sm-1 sort">Delete</th> 
     </tr> 
    </thead> 
    <?php 
     $peoplequery=mysqli_query($CONN,"SELECT * FROM people"); 
     while($people=mysqli_fetch_array($peoplequery)){ 
     ?> 
    <tbody class="list">    
     <tr align="left"> 
      <td class="img"> 
      <img src="../img/man-128.png" class="direct-chat-img" width="10px" height="10px"> 
      </td> 
      <td class="name"><a href="personview.php?PersonID=<?= $people['idpeople'] ?>"><?php echo $people['namadepan'] . ' ' .$people['namabelakang']; ?></a></td> 
      <td class="role"><?php echo $people['role']; ?></td> 
      <td class="email"><?php echo $people['email']; ?></td> 
      <td class="nohp"><?php echo $people['nohp']; ?></td> 
      <td class="alamat"><?php echo $people['alamat']; ?></td>     
      <td class="edit" align="center"> 
      <a href="editperson.php?PersonID=<?= $people['idpeople'] ?>"> 
      <span class="fa-stack"> 
      <i class="fa fa-square fa-stack-2x"></i> 
      <i class="fa fa-pencil fa-stack-1x fa-inverse"></i> 
      </span> 
      </a> 
      </td> 
      <td class="delete" align="center"> 
      <a href="deleteperson.php?PersonID=<?= $people['idpeople'] ?>"> 
      <span class="fa-stack" style="color:#ff0000; "> 
      <i class="fa fa-square fa-stack-2x"></i> 
      <i class="fa fa-trash fa-stack-1x fa-inverse" ></i> 
      </span> 
      </a> 
      </td>    
     </tr> 
     <?php 
     $idppl = $people['idpeople']; 
     } ?> 
    </tbody> 
</table> 
<ul class="pagination"></ul> 
</div> 
<script src="//cdnjs.cloudflare.com/ajax/libs/list.js/1.1.1/list.min.js"> 
</script> 
<script type="text/javascript"> 
var options = { 
    valueNames: [ 'name', 'role', 'email'], 
    page: 5, 
    plugins: [ 
    ListPagination({}) 
] 

}; 
var contactList = new List('listperson', options); 
</script> 

</div> 

改ページが表示されていないとも動作していない検索します。私はここに何が欠けているのだろうか ありがとう、ありがとうありがとうありがとう。

答えて

0

開封<tbody>タグは、whileループ内にありますが、閉鎖</tbody>タグはそのループの外側にあります。

これはおそらく、あなたのテーブルが不正な形式であることを意味します。恐らくそれはList.jsを混乱させるでしょう。

View Source...を使用すると、HTMLが正しく生成されているかどうかを確認することができます。

+0

ありがとうございました。しかし、検索結果は間違ったデータを今すぐ返すことになり、ビューソースには何のエラーも示されませんでした。 –

+0

ビューソースでエラーを必ずしも探しているとは限りません。代わりに、あなたはjavascriptに渡しているテーブルの構造を探しています。あなたはそれがあなたが期待しているフォーマットを持っているかどうかを見たいと思っています。 –