将DataTable从控制器传递到部分视图

时间:2015-03-06 13:28:33

标签: asp.net-mvc

我正在寻找一种方法,使用DataTable动作将PartialView传递给Controller。或者如果你知道更好的方式,我愿意接受建议。

控制器:

public DataTable GetDailyOutput()
{
    Graph g = repository.Graphs.Where(p => p.GraphID == 2).FirstOrDefault();
    DataTable dt = repository.GetGraphData(g.StoredProc);
    return dt;
}

查看:

<div id="dvCategoryResults">
    @{Html.Partial("_GetDailyOutput", Html.Action("GetDailyOutput", "Graph"));}
</div>

部分视图:

@model System.Data.DataTable
@using System.Data
<table>
    <thead>
        <tr>
            @foreach (DataColumn col in Model.Columns)
            {
                <th>
                    @col.ColumnName
                </th>
            }
        </tr>
    </thead>
    <tbody>
       @foreach (DataRow row in Model.Rows)
       {
           <tr>
               @foreach (DataColumn col in Model.Columns)
               {
                    <td>
                        @row[col.ColumnName]
                    </td>
               }
            </tr>
        }
    </tbody>
</table>

我的下一步是使用Ajax调用更新表并刷新PartialView

1 个答案:

答案 0 :(得分:7)

您可能需要使用AJAX。您可以将下面的代码放在事件处理程序中,例如按钮单击的处理程序。

使用JQuery $.post()的AJAX示例:

$.post('@Url.Content("~/Graph/_GetDailyOutput")', function( data ) {
    $( "#dvCategoryResults" ).html( data );
});

控制器操作:

public PartialViewResult _GetDailyOutput()
{
    Graph g = repository.Graphs.Where(p => p.GraphID == 2).FirstOrDefault();
    DataTable dt = repository.GetGraphData(g.StoredProc);
    return PartialView(dt);
}

如果您愿意,可以通过执行

来初始渲染局部视图而不使用JavaScript
<div id="dvCategoryResults">
        @Html.Action("_GetDailyOutput", "Graph")
</div>