JQuery DataTable是一個(gè)非常實(shí)用的表格插件,可以使得數(shù)據(jù)的展示變得更加美觀和易于管理。當(dāng)我們?cè)谑褂肈ataTable時(shí),通常需要對(duì)數(shù)據(jù)進(jìn)行重新加載,這時(shí)我們就需要使用到DataTable的重載功能。
$('table').DataTable().ajax.reload();
上面的代碼就是DataTable的重載功能,其中ajax.reload()
表示重新加載數(shù)據(jù),包括服務(wù)器端數(shù)據(jù)和客戶端數(shù)據(jù)。
在實(shí)際開(kāi)發(fā)中,我們通常會(huì)遇到對(duì)數(shù)據(jù)狀態(tài)進(jìn)行修改的情況,例如刪除一條數(shù)據(jù)后需要對(duì)表格進(jìn)行重載,以實(shí)時(shí)更新數(shù)據(jù)。這時(shí)就可以使用如下代碼:
$('table').DataTable().row('.selected').remove().draw(false);
上述代碼中的row('.selected')
表示選中當(dāng)前表格中選中的行,remove()
表示刪除當(dāng)前選中行,draw(false)
表示重新繪制表格并顯示修改后的數(shù)據(jù)。
需要注意的是,在數(shù)據(jù)刪除操作后,必須刷新表格并顯示修改后的數(shù)據(jù),才能保證用戶看到的數(shù)據(jù)是準(zhǔn)確的。
總之,DataTable的重載功能可以實(shí)現(xiàn)表格數(shù)據(jù)的實(shí)時(shí)更新和修改,使得數(shù)據(jù)的展示更加方便和直觀。