2012-07-24 62 views
0

我想刷新從MySQL DB填充的數據表的內容。因此,由於數據庫可能實時更新,我想在數據表頂部添加刷新按鈕。我的代碼如下:刷新從MySQL DB填充的數據表的內容

<div id="refresh"> 
    <button id="refresh-table">Refresh</button> 
    <br> 
</div> 

<script type="text/javascript" charset="utf-8"> 
     $(document).ready(function(){ 
       $('#tabbb').dataTable({ 
       "sPaginationType":"full_numbers", 
       "aaSorting":[[5, "asc"]], 
       "bJQueryUI":true 
       }); 
       $(".refresh_table").click(function() { 
        table=$("#tabbb").dataTable(); 
        table.fnPageChange("first",1);     
       });    
    }); 
</script> 

問題是,當我點擊刷新按鈕時,什麼也沒有發生。

+1

那麼,這個問題有什麼問題*先生downvoter *? – 2012-07-24 20:59:18

+0

某人的頭部有問題,而不是問題。我認爲應該通過downvoting權限來改變某些內容。否則,看起來像小孩子在這裏玩=) – Gusgus 2012-07-24 21:03:23

回答

1

使用此:

$("#refresh-table").click(function() { 
    var mytable = $('#tabbb').dataTable(); 
    mytable.fnDraw(); 
}); 

更新

只注意到你有一個class選擇的按鈕,但按鈕本身你有一個id。所以你需要改變選擇器來綁定click

+0

另一個小故障:'刷新表'與'refresh_table'。更正了我的答案。 – 2012-07-24 21:23:47