Question

我有一个表单/视图，它表示一个包含简单属性和IEnumerable属性的强类型模型。我使用编辑器模板作为我模型的IEnumerable属性。

for (int i = 0; i < @Model.Items.Count(); i++)
                    {
                        @Html.EditorFor(model => @Model.Items[i])
                    }

现在，模板如下所示：

 @using (Html.BeginCollectionItem("Items"))
{
            <table style="width: 100%">
                <tr>      
                <td>
                    @Html.TextBoxFor(model => @Model.ID, new {id = "ID" })
                </td>
                <td>
                    @Html.TextBoxFor(model => @Model.Description, readonly="readonly", new {id = "Description" })
                </td>
                <tr />
                         <a role="button" id=getDescBtn>
                    </a>
            </table>
}

我的模板脚本：

<script type="text/javascript">

$(document).ready(function() {
    $("#getDescBtn").on('click', function (event) {
        $.ajax({
            url: '@Url.Action("LoadDescription")',
            async: false,
            cache: false,
            data: {id: $("#ID").val()}
    }).success(function (partialView) {

        });
    });
});

现在，我的控制器操作如下：

public ActionResult LoadDescription(string id)
    {}

现在，假设我有两个模板：在第一个中，ID文本框包含值“1”。在第二个中，ID文本框包含值“2”。

当我按下第一个模板中的按钮时，我进入控制器动作两次，两者都是值“1”（来自第一个模板）。当我按下第二个模板中的按钮时，我进入控制器动作一次，值为“1”（来自第一个模板，虽然我按下了第二个模板的按钮）。

现在，我想要实现的是逻辑上非常简单：在第一个模板中按下按钮，使用值“1”进行一次控制器操作。

在secondtemplate中按下按钮，进入控制器操作一次，值为“2”。

此外，控制器中的操作负责计算描述值，然后填写描述字段。 action方法应该返回什么（我不认为我应该为整个表单执行一个帖子），以及如何在使用Ajax时在success函数中接收它？谢谢你的帮助。

Answer 1

我认为您需要使用按钮和编辑器的类而不是ID。在您的代码中，您有多个文本框，所有文本框都带有Id = ID，多个按钮带有id = getDescBtn。所以$（＆＃34;＃ID＆＃34;）。val（）只会给你id =＆＃34; ID＆＃34;的第一个元素的值。这是你的第一个文本框。

至于更新说明，您可以让您的操作返回描述值，然后在ajax调用成功时设置描述文本框。

@using (Html.BeginCollectionItem("Items"))
{
        <table style="width: 100%">
            <tr>      
            <td>
                @Html.TextBoxFor(model => @Model.ID, new {@class = "ID" })
            </td>
            <td>
                @Html.TextBoxFor(model => @Model.Description, readonly="readonly", new {@class = "Description" })
            </td>
            <tr />
                     <a role="button" class="getDescBtn">
                </a>
        </table>
}
<script type="text/javascript">

$(document).ready(function() {
$(".getDescBtn").on('click', function (event) {
    $.ajax({
        url: '@Url.Action("LoadDescription")',
        async: false,
        cache: false,
        data: {id: $(this).parent().find(".ID").val()}
     })
    .success(function (data) {
     $(this).parent().find(".Description").val(data.description )
    });
});
});

public JsonResult LoadDescription(string id)
{
//your logic here
return Json(new {description )});
}

ASP MVC - 编辑器模板问题（仅从第一个模板发送数据）

1 个答案: