模态错误删除

Question

我有一个模式框，应确认删除某些寄存器。 当我单击“ Excluir”按钮时，模态按原样出现，但是当我在模态中单击“ Confirma”时，出现以下错误：

“ /”应用程序中的服务器错误。 参数字典包含NFE.Web.Controllers.NaturezaController方法System.Web.Mvc.ActionResult Delete(Int32)的非空类型System.Int32参数'id'的空条目。 可选参数必须是引用类型， nullable为nullable类型，或者必须声明为可选参数。 参数名称：参数

这是将模式附加到html文件的JQuery代码：

 function ModalExclusao(ID) {

var htmlModal = '';

htmlModal += '<div class="modal fade modalExclusao" id="modalExclusao" tabindex="-1" role="dialog" aria-labelledby="modalExclusaoLabel">';
htmlModal +=     '<div class="modal-dialog" role="document">';
htmlModal +=         '<div class="modal-content">';
htmlModal +=             '<div class="modal-header">';
htmlModal +=                 '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>';
htmlModal +=                 '<h4 class="modal-title" id="modalExclusao">Confirmação de exclusão</h4>';
htmlModal +=             '</div>';
htmlModal +=             '<h5 style="text-align: center;">Tem certeza que deseja excluir permanentemente o registro?</h5>';
htmlModal +=             '<form method="POST" action="Delete/">';
htmlModal +=                '<div class="modal-footer">';
htmlModal +=                     '<input type="text" id="'+ ID +'" name="'+ ID +'" hidden/>';
htmlModal +=                     '<button type="button" class="btn btn-danger" data-dismiss="modal">Cancelar</button>';
htmlModal +=                     '<button type="submit" class="btn btn-success">Confirmar</button>';
htmlModal +=                 '</div>';
htmlModal +=             '</form>';
htmlModal +=         '</div>';
htmlModal +=     '</div>';
htmlModal += '</div>';    

$('#modal').html(htmlModal);}

这是带有寄存器的表：

<table class="table table-condensed table-bordered table-hover" id="DataTables">
                <thead>
                    <tr>
                        <th> Nome </th>
                        <th> CFOP Dentro do estado </th>
                        <th> CFOP Fora do estado </th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in Model)
                    {
                        <tr>
                            <td>
                                @item.Nome
                            </td>
                            <td>
                                @item.CFPODentroEstado
                            </td>
                            <td>
                                @item.CFPOForaEstado
                            </td>
                            <td>
                                <a href="/Natureza/Edit/@item.IDNatureza">Edit</a> |
                                <a href="javascript:func()" onclick="ModalExclusao(@item.IDNatureza)" data-toggle="modal" data-target=".modalExclusao">Excluir</a>
                            </td>
                        </tr>
                    }
                    <div id="modal"></div>
                </tbody>
           </table>

这是对象控制器：

 // POST: Natureza/Delete/5
    [HttpPost]
    public ActionResult Delete(int id)
    {
        try
        {
            if (VerificaSessao((List<Natureza>)Session["ListaDeNatureza"]))
            {
                List<Natureza> naturezas = new List<Natureza>();

                naturezas = (List<Natureza>)Session["ListaDeNatureza"];

                foreach (Natureza natureza in naturezas)
                {
                    if (natureza.IDNatureza == id)
                    {
                        naturezas.Remove(natureza);
                        return RedirectToAction("Index", "Natureza");
                    }
                }
            }
            // Se não tiver encontrado natureza retornar uma mensagem
            return RedirectToAction("Index", "Natureza");
        }
        catch
        {
            return View();
        }
    }

Answer 1

我想是你的

'<input type="text" id="'+ ID +'" name="'+ ID +'" hidden/>';

jQuery代码中的一部分。 这应该是

'<input type="hidden" name="id" value="' + ID + '"/> 。

您没有为该输入提供值，这将使其值为null。 如果要添加ID，可以，但是不必将其发布到服务器。 您缺少的最重要的事情是name属性必须是要传递给的参数的名称：

将数据发送到服务器的附录：当数据发送到服务器（通常通过HTTP POST请求）时，所有数据都以名称/值对的形式发送，其中name是输入HTML控件的名称，value是输入/选择的值由用户。 对于非Ajax请求始终如此。

这应该解决您输入的绑定问题。 查看此问题以获取良好参考。

另外，您可能需要重新考虑Delete()方法的URL路由。 删除其中一个ID并在URL中传递的记录后，如果您尝试再次提交相同的帖子，则可能会收到404错误。 有关更多信息，请参见这篇文章。