2015-11-24 70 views
2

使用數據表1.10,我有10000多行。我需要使用ajax響應來繪製表體。現在我以數組的形式返回數據,並在HTML中循環前端,這使得數據表呈現n行而不考慮分頁,並且一旦頁面完全加載,它將繪製默認表(10行)。我想刪除迭代器並從AJAX響應中加載正文。如何實現它?將ajax響應加載到數據表

我在rails4中使用數據表。我使用deferRender也試過:真有我的應用程序沒有變化

由於提前

+0

嗨Rathishkumar,請檢查我的答案,接受和投票,如果它的目的。 – SyntaX

回答

1

我真的你爲什麼迭代data[]和渲染 的dataTable body不明白這一點!

你可以簡單的DataTable中使用Ajax sourced data如下:

$(document).ready(function() { 
    $('#example').DataTable({ 
     "ajax": '../ajax/data/arrays.txt' 
    }); 
}); 

還有server side pagination supported in dataTable,這被稱爲服務器端處理:

$(document).ready(function() { 
    $('#example').DataTable({ 
     "processing": true, 
     "serverSide": true, 
     "ajax": "../server_side/scripts/server_processing.php" 
    }); 
}); 

這是送的Server side processing Parameters名單在Ajax調用中。

嵌入式鏈接有很好的文檔和示例來幫助你。您的API必須按照示例中所示的格式提供JSON負載。

希望這可以幫助,讓我知道如果你需要進一步的援助!

+0

從控制器創建一個數組作爲json格式,並且遍歷數組來繪製表格我知道它的代價最高的操作,但是我不知道如何在成功的ajax響應中將表格繪製爲json本身。 你能幫忙嗎? – Rathishkumar

+0

當然,我可以幫助你。請用以下詳細信息更新您的問題:1.向我展示「js/html」代碼如何繪製表格? 2.向我展示從API發送的'json'有效內容。 3.你是否瀏覽了DataTables API文檔,特別是我提供的所有鏈接? – SyntaX

+0

[http://jsfiddle.net/ae7ua9wh/]需要加載與ajax響應的tbody如何做到這一點? – Rathishkumar