Question

我有任务查看。每个任务都有一个@ Ajax.Action链接，可将此任务添加到检查列表中。我的观点：

@foreach (var item in Model.Tasks) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.TaskText)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.TillDate)
        </td>
        <td>
            @Html.EnumDropDownListFor(modelItem => item.State, new { id=item.Id, @class="state"})
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.Id }) |
            @Html.ActionLink("Delete", "Delete", new { id = item.Id })
            @Ajax.ActionLink("Add To check list", "AddToCheckList", new { id = item.Id }, new AjaxOptions { UpdateTargetId = "CheckListPartial" });
        </td>
    </tr>
}

我的控制器操作：

    public PartialViewResult AddToCheckList(int id)
    {
        context.AddTaskToCheckList(id);
        return PartialView("_LoadCheckList", context.CheckList);
    }

和CheckList类：

public class CheckList
{
    public string Name { get; set; }
    public List<Task> Tasks { get; set; } = new List<Models.Task>();
}

现在添加作品，但我有一个问题：我可以多次添加一个任务来检查列表。如何验证检查列表是否包含任务并显示错误消息？

UPD： 我用我的控制器制作了这个。验证有效，但未显示消息。

    public PartialViewResult AddToCheckList(int id)
    {
        if(context.CheckList.Tasks.Exists(t=>t.Id==id))
            ModelState.AddModelError("CheckList", "Check list already contains this task.");

        if (ModelState.IsValid)
        {
            context.AddTaskToCheckList(id);
            return PartialView("_LoadCheckList", context.CheckList);
        }
        return PartialView();
    }

还要将此字符串添加到我的视图中：

@Html.ValidationMessageFor(model => model.CheckList)

UPD2： 我的PartialView：

@model TaskTracker.Models.CheckList

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<table class="table">
    <tr>
        <th>
            Текст задания
        </th>
        <th>
            Дата выполнения
        </th>
        <th></th>
    </tr>

@foreach (var task in Model.Tasks)
{
    <tr>
        <td>
            @Html.DisplayFor(modelItem=>task.Value.TaskText)
        </td>
        <td>
            @Html.DisplayFor(modelItem => task.Value.TillDate)
        </td>
    </tr>
}

</table>

Answer 1

您无法在主视图的ModelState中显示部分@Html.ValidationMessageFor()错误 - 这是剃刀代码，并且在发送到视图之前在服务器上进行了解析，因此会显示{{1}仅来自主视图模型的错误。

一个选项包括将ModelState移动到局部视图，唯一的缺点是能够定位元素。

但是，当您已经知道客户端中的所有值以将新行追加到表中时，返回添加任务的整个表是不必要的。

更改您的代码以使用ValidationMessageFor()方法，并在方法中返回$.ajax表示成功或以其他方式

HTML

JsonResult

脚本

<a href="#" class="add" data-id="@item.Id">Add To check list</a>

并且控制器方法将是

var url = '@Url.Action("AddToCheckList")';
var table = $('#CheckListPartial table);

$('.add').click(function() {
    var id = $(this).data('id');
    var cells = $(this).closest('tr').find('td');
    var text = cells.eq(0).text();
    var date = cells.eq(1).text();
    $.post(url, { id: id }, function(result) {
        if (result) {
            // create and append a new row
            var row = $('<tr></tr>');
            row.append($(<td></td>).text(text));
            row.append($(<td></td>).text(date));
            table.append(row);
        } else {
            // display your error
        }
    }).fail(function (result) {
        // display your error
    });
})

如果成功，您还应该考虑删除链接，这样用户就不会再意外点击它。

第三种选择是生成所有任务的核对表，并允许用户选择或取消选择项目并发布表单并保存所有任务。有关该方法的示例，请参阅this answer。

Answer 2

您可以将自己的任务设为HashSet，并检查AddTaskToCheckList方法是否已存在。在这种情况下，检查是O(1)

public void AddTaskToCheckList(int id)
{
    // Find task
    var task = this.Tasks.Find(id);
    if(!this.CheckList.Contains(task))
    {
        this.CheckList.Add(task);
    } 
    else
    {
        // Show error message        
    }   
}

列表验证中的Asp.NET唯一项

2 个答案: