使用模态删除错误

时间:2016-10-19 18:27:31

标签: c# jquery asp.net-mvc bootstrap-modal

我有一个模式框,应该确认删除了一些寄存器。当我点击" Excluir"按钮模式出现应该,但是当我点击" Confirma"在模态中我得到以下错误:

  

' /'中的服务器错误应用。   参数字典包含参数' id'的空条目。对于System.Int32中方法System.Web.Mvc.ActionResult Delete(Int32)的非可空类型NFE.Web.Controllers.NaturezaController。可选参数必须是引用类型,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();
        }
    }

1 个答案:

答案 0 :(得分: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请求,这始终是正确的。

这应解决输入的绑定问题。查看this question以获得一个很好的参考。

此外,您可能需要重新考虑Delete()方法的网址路由。删除其中一个带有您在URL中传递的ID的记录后,如果您尝试再次提交相同的帖子,则可能会收到404错误。有关详情,请参阅this帖子。