如何在剃刀中进行全局模型更改

Question

我试图使用模态将一些数据传递到我的控制器。 页面上有多个模态，我发现只传递第一个模态的数据，无论数据是在另一个模式中编辑的。

<div id="mark-reassigned-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 id="myModalLabel">@Employee_Index.MarkReassignedHeading</h4>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning">
                    @Employee_Index.MarkReassignedText
                </div>
                @Html.EditorFor(m => m.DateTimePicker, new { htmlAttributes = new { name = "DateTimePicker", @style = "width:50%;" } })

                @Html.TextAreaFor(m => m.DispositionNotes, new { cols = "50%", rows = "3" })

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger dirtyignore" aria-hidden="true" id="mark-reassigned-submit">@Employee_Index.YesExcuseText</button>
                <a href="#" class="btn btn-link cancel dirtyignore" data-dismiss="modal" aria-hidden="true">@Common.Cancel</a>
            </div>
        </div>
    </div>
</div>

<div id="mark-new-shift-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 id="myModalLabel">@Employee_Index.MarkNewShiftHeading</h4>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning">
                    @Employee_Index.MarkNewShiftText
                </div>
                @Html.EditorFor(m => m.DateTimePicker, new { htmlAttributes = new { name = "DateTimePicker", @style = "width:50%;" } })

                @Html.TextAreaFor(m => m.DispositionNotes, new { cols = "50%", rows = "3" })

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger dirtyignore" aria-hidden="true" id="mark-new-shift-submit">@Employee_Index.YesExcuseText</button>
                <a href="#" class="btn btn-link cancel dirtyignore" data-dismiss="modal" aria-hidden="true">@Common.Cancel</a>
            </div>
        </div>
    </div>
</div>

这个js看起来像：

$(document).on("click", "#mark-new-shift-submit", function () {
    var resultsContainer = $('#results');
    resultsContainer.block({
        message: '<i class="fa fa-icon fa-spin fa-spinner bigger-230" />'
    });
    var data = $('#Index').serialize();
    $.ajax({
        type: "POST",
        url: '@Url.Action("MarkNewShift", "Employee")',
        data: data,
        dataType: "html",
        success: function (data) {
            $('#mark-new-shift-modal').modal('hide');
            $("#results").html(data);
            updatePagination();
            resultsContainer.unblock();
            $('#employee-list').selectableTable();
            clearSelections();
        }
    });
});

当我检查#Index id时，我发现DateTimePicker有多个结果，而它只接受第一个结果。 如何使选择器全局化，因此#Index中只有一个结果。 如果他们决定使用不同的选项，这也可以让用户继续他们离开的地方。

Answer 1

也许将DateTimePicker和DispositionNotes属性设为List是一个想法。

例如：

List<string> DateTimePickers  
List<string> DispositionNotes

然后把它们交给编辑器

Html.EditorFor(x => x.DateTimePickers[0], ...
Html.EditorFor(x => x.DispositionNotes[0], ...

您甚至可以使用类型或类似的东西扩展DateTimePicker和DispositionNote类以使其成为通用类，以便您可以在View中构建for循环以创建多个DateTimePickers和DispositionNotes。

喜欢：

for(int i = 0; i < Model.DateTimePickers.Count; i++)
{
    Html.EditorFor(x => x.DateTimePickers[i], ...
}

试试看。