Asp.Net MVC Ajax刷新表格內容

Question

目前我的頁面上有一張表格，需要使用Ajax進行刷新。我打算在局部視圖中渲染表格，然後調用MVC渲染 - 局部更新，這本來就不錯，很簡單。

但是，我已經在表頭中添加了一堆排序/過濾控件。現在我想刷新表格的內容而不會丟失標題行中的這些信息。

我不確定最乾淨的解決方案是什麼。我的表格可能會包含大約500行。有人可以提供一些建議嗎？謝謝

Answer 1

我使用ajax調用來返回json數據的操作，並處理客戶端上的呈現與jquery或一些simular librery。我認爲這是與MVC

Answer 2

首先工作，使你的表的局部視圖，並把表中一個div並給出一個ID（類似「mytablediv」）

您認爲最好的辦法，指的是使用Html.RenderPartial

在JavaScript中，當你需要刷新的部分通話像這樣的局部視圖： （我假設jQuery是可用的）

$('#mytablediv').load(url /* of the partial view*/); 

這將得到更新的HTML你的爸爸並且用你所擁有的東西替換它。

Answer 3

我認爲JavaScript模板可能是一個可行的解決方案。

以下可能會有所幫助。

1. jQuery templating engines
2. http://weblogs.asp.net/scottgu/archive/2010/05/07/jquery-templates-and-data-linking-and-microsoft-contributing-to-jquery.aspx

另一個選擇是到服務器端渲染渲染tr的和只更新的表tbody元素假設你有一個tbody節表格和一個包含您的過濾器的thead部分。 ajax功能設置將需要有一個UpdateTargetId = "tbody-id"