2016-07-05 5 views
0

tablesorter jqueryプラグインを使用する際に問題があります。 問題は、フォームの検索に応じて、送信ボタンをクリックすると、データベースの情報を含むテーブルが読み込まれるというビューがあることです。このテーブルは、検索ボタンがクリックされたときに表示され、常に同じ情報を表示するとは限りません。私はtablesorter jqueryプラグインを使用しようとしましたが、動作していないようです。私は電話しています:ページがロードされた後にサブミットボタンが表示されるときにテーブルを並べ替える

<script src="/js/jquery-1.12.1.min.js" type="text/javascript"></script> 
<script src="js/jquery.tablesorter.min.js"></script> 
<head> 
<script> 
function sort_my_table(){ 
$('my_table').tablesorter(); 
} 
</script> 
</head> 

そして次に表を参照してください。

このボタンを押すと、ページの下部にテーブルが表示され、ボタンはフォームに情報を入力し、この情報を使用して検索が行われ、テーブルには検索:

<thead> 
       <tr> 
        <th style="text-align:center">Code</th> 
        <th style="text-align:center">Name</th> 
        <th style="text-align:center">Description</th> 
       </tr>  
      </thead> 

      <?php foreach ($elements as $element) { ?> 
      <tbody> 
       <tr> 
         <td><?php echo $element->fabr?></td> 
         <?php if (count($element->place) > 0) { ?> 
           <td> 
           <?php foreach ($element->place as $pl) { ?> 
            <?php echo $pl['name'] ?><br> 
           <?php } ?> 
           </td> 
           <td> 
           <?php foreach ($element->place as $pl) { ?> 
            <?php echo $pl['number'] ?><br> 
           <?php } ?> 
           </td> 
          <?php } else { ?> 
          <td></td> 
          <td></td> 
          <?php } ?>       
       </tr> 
      <?php } ?> 
      </tbody> 
    </table> 

私は実際にそれを使用する方法がわからないか、それを動作させる方法:

<input type="submit" class="btn btn-primary" value="search" name="send"> 

私のテーブルは次のようになります。

+0

「my_table」が「適切な」CSSセレクタであることを確認してください。クラス名(ピリオド; '.my_table')またはid(ハッシュ;'#my_table')を使用してテーブルをターゲットにする必要があります。 – Mottie

答えて

1

文書がロードされたとき、あなたのテーブルをソートするtablesorterを教える:ヘッダをクリックして

$(document).ready(function() 
    { 
     $('my_table').tablesorter(); 
    } 
); 

、あなたのテーブルが現在ソート可能であることがわかります。あなたはクリックで発射されたスクリプトを移動する必要があるよう (テーブル自体を操作したり、直接上書きされていない場合にのみ動作します)

http://tablesorter.com/docs/#Demo

+0

これを追加しようとしましたが動作しません。事は、ドキュメントが読み込まれるときにテーブルがまだページにないことです。検索ボタンをクリックすると表示されます。 –

+0

どのように隠れて表示することができますか? jquery ".hide()"と ".show()"を介してコードをもっと私たちに提供できますか? – JoCa

0

が鳴ります。

クリックする前にそれをロードしたい場合は、この使用することができます:あなたは、テーブルには、それヌルのparamsを渡す空白になりたい場合は、これはあなたがロードできるようになる

https://jsfiddle.net/MaXiNoM/4ggnL81h/

$(function(){ 
    $("#myTable").tablesorter(); 
}); 

を空白のテーブル。これはonclickから呼び出される呼び出し音を鳴らします。これは、テーブルがレンダリングされて読み込まれるときも同様です。そこから直接電話をかけて、それをあなたのオンロードに入れてみてください。

関連する問題