Question

我有一个局部视图，用于在剃刀中的表格列中显示一个复选框。当我点击表格中的任何复选框时，它会将第一行的Id发回给控制器，而不是包含复选框的行的Id。发布ajax请求的javascript函数是＆＃34; SaveChanges＆＃34;如下所示。隐藏字段＆＃34; RecurrenceScheduleId＆＃34;是主键ID。

我在这里做错了吗？

- 以下是我的观点＆amp;控制器动作：

  @model SMRDS.Model.RecurrenceSchedule

  @using (Ajax.BeginForm("_LogOccurancePartial", "Schedule",
            new AjaxOptions
            {
                UpdateTargetId = "tdOccurance",
                HttpMethod = "post",
                LoadingElementId = "btnProgress",
                OnBegin = "dialogBegin",
                OnSuccess = "updateSuccess",
                OnFailure = "dialogFailure"
            },
            new { id = "frm-toggle" }))
           {

            @Html.HiddenFor(model => model.RecurrenceScheduleId)
            @Html.CheckBoxFor(m => m.LogOccurences, new { @onclick ="SaveChanges(this)" })
            }
<script> 

function updateSuccess() {}

function dialogFailure() {}

function dialogComplete() {}

function dialogBegin() {}

function SaveChanges(checkboxInput) {
    $.ajax({
        type: 'POST',
        url: '/Schedule/_LogOccurancePartial',
        data: { newValue: checkboxInput.checked, id: $("#RecurrenceScheduleId").val() },
        dataType: 'json',
        success: function (response) {
           //handle success
        }
    });
}

控制器操作：

 public JsonResult _LogOccurancePartial(bool newValue,int id)
 { 
        var result = BLL.Service.RecurrenceSchedules.UpdateLogOccurence(id, newValue);

        return Json(new { result = result }, JsonRequestBehavior.AllowGet);
 }

更新

以下是为隐藏字段呈现的html。目前我只有两排Ids＆＃34; 40＆＃34; ＆安培; ＆＃34; 41＆＃34;

<input data-val="true" id="RecurrenceScheduleId"
    name="RecurrenceScheduleId" type="hidden" value="40"> 

<input data-val="true" id="RecurrenceScheduleId"
    name="RecurrenceScheduleId" type="hidden" value="41">

Answer 1

使用帮助程序时，您有责任维护唯一的ID。

如果你有模特

public class ViewModel
{
    public int Id { get; set; }
    public string Name { get; set; }
}

并且您的视图包含一个集合，您可以使用带有索引的for循环来覆盖具有唯一值的id。

@model List<ViewModel>

@for(int i = 0; i < Model.Count(); i++)
{
    @Html.HiddenFor(m => Model[i].Id, htmlAttributes: new { id = "item" + item.Id })    
}

但您也可以调整点击处理程序，这样您就不需要通过id找到隐藏的输入。

@Html.CheckBoxFor(m => m.LogOccurences,
    new { @class="trigger", data_rsid=m.RecurrenceScheduleId })

<script>
    $("body").on("click", ".trigger", function(e) {
        var rsId = $(this).data("rsid");
        var checked = $(this).prop("checked");
        var data = { newValue: checked, id: rsId }
        $.ajax({ ... });
    });
</script>

Mvc Ajax从部分视图中的复选框发布

1 个答案: