jquery - 在 Razor 中动态附加部分 View

Question

我正在尝试在 onclick 中附加一个带有部分 View (即 tr)的表。按钮事件。

这是按钮:

<input id="AddRow" type="button" value="Add Row" onclick="AddRowDynamic();" />

这里是操作方法

function AddRowDynamic() {
    $('#EntryTable tr:last').after('@{Html.RenderPartial("WeeklyResourceAllocationPerProject");}'); 
}

这是部分 View :

    <tr>
        @using (Html.BeginForm()) {
            @Html.ValidationSummary(true)
            <td>
                @Html.EditorFor(model => model.ProjectId)
            </td>

            <td class="AllocationEntry">
                @Html.EditorFor(model => model.Saturday)
            </td>
               ...
               ...
    }
    </tr>

但是 JavaScript 显示错误:

网页错误详细信息

网页错误详细信息

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB7.1; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; .NET4.0C; .NET4.0E)
Timestamp: Tue, 25 Oct 2011 04:09:19 UTC


Message: Unterminated string constant
Line: 45
Char: 39
Code: 0
URI: http://localhost:65180/

以下是发生错误的页面来源:

function AddRowDynamic() {
        $('#EntryTable tr:last').after('<tr>        ------------>Line 45
<form action="/" method="post">     <td>

知道如何解决这个问题吗？

Answer 1

您应该通过 Ajax Post 获取部分信息，而不是尝试从 PartialView 渲染它。

通过使用此方法，您的模型也将更新，并且您将能够在 Controller 中获取信息