用于编辑网格中的行的模式表单（ASP.NET MVC）

Question

很多天来，我一直试图在FlexGrid中实现模态对话框编辑，但都没有成功。

我从一个非常简单的例子开始：

http://mvc4beginner.com/Sample-Code/Insert-Update-Delete/Asp-.Net-MVC-Ajax-Insert-Update-Delete-Using-Flexigrid.html

我对这个示例进行了很多扩展，但遇到了一个障碍，我不知道如何实现所需的功能。

我实现了以下jQuery函数：

    function RunModalDialog(title, url)
    {
        $("#sform").dialog({
            autoOpen: false,
            show: "blind",
            closeOnEscape: true,
            resizable: true,
            width: 1200,
            height: 750,
            minHeight: 600,
            minWidth:950
        });
        if (title)
            $("#sform").dialog("option", "title", title);

        if (url)
            $("#sform").load(url).dialog("open");
        else
          $("#sform").dialog("open");

我从添加按钮（没有url）和编辑按钮（有url）调用它。

它可以用于添加（虽然我还没有实现实际的保存和网格刷新），但是我无法使它用于编辑。

这是我的主视图代码

@model CardNumbers.Objects.Client

@{
    ViewBag.Title = "Clients";
}

@section scripts {
    <script src="@Url.Content("~/Scripts/Clients.js")" type="text/javascript" ></script>
}

<form id="frmClientsSearch">
    <label for="clientNo">Client No: </label>
    <input type="number" name="searchClientNo" class="numericOnly" /><br />
    <label for="clientName">Client Name: </label>
    <input type="text" size="25" value="Please enter the search value" class="SelectOnEntry"
        name="searchClientName" />

    <input type="button" id="btnClientsSearch" value="Find / Refresh" />
</form>
<div style="padding-left: 150px; padding-top: 50px; padding-bottom: 50px;" id="ClientsResults">
    <table id="flexClients" style="display: none">
    </table>
</div>

<div id="editor" style ="visibility :hidden ">
      @using (Html.BeginForm(null, null, FormMethod.Post, new { id = "sform", title = "Client Info" }))
     { 
        @Html.Partial("_ClientForm", Model)   
      }      
</div>

客户端控制器的编辑方法返回一个

    @model CardNumbers.Objects.Client

    @{
        ViewBag.Title = "Edit Client";
        Layout = "~/Views/Shared/_PopupLayout.cshtml";
    }

    @Html.Partial("_ClientForm", Model)

    @section Scripts {
        @Scripts.Render("~/bundles/jqueryval")
        
    }

我最初在_ClientForm中有BeginForm，我可以看到表单，但是x（close）和Resize不起作用。我现在试着把表格的起始线移到外面，但现在情况更糟了。

你能告诉我这是怎么回事吗？

Answer 1

我能想到的两件事是

>

检查URL是否有效，

一旦div被填满，就调用对话框

$（"#sform"）. load（url）. dialog（"open"）；

变成

    $("#sform").load(url, function(){
       $("#sform").dialog("open");
    });

如果提供了“完整”回调，则在执行后处理和超文本标记语言插入之后执行。

注：这是修改前对问题的建议答案