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

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

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

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

我实现了以下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"); 函数RunModalDialog（标题、url） { $（“#sform”）。对话框({ 自动打开：错误， 表演：“盲人”， closeOnEscape：没错， 可调整大小：正确， 宽度：1200， 身高：750， 身高：600， 最小宽度：950 }); 如果（标题） $（“#sform”）。对话框（“选项”、“标题”、“标题”）； 如果（url） $（“#sform”）.load（url）.dialog（“open”）； 其他的 $（“#sform”）。对话框（“打开”）； 我从添加按钮（没有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=“客户端”；
}
@节脚本{
}
客户编号：


客户名称：
@使用（Html.BeginForm（null，null，FormMethod.Post，new{id=“sform”，title=“Client Info”}））
{ 
@Html.Partial（“_ClientForm”，Model）
}      

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

@model CardNumbers.Objects.Client @{ ViewBag.Title = "Edit Client"; Layout = "~/Views/Shared/_PopupLayout.cshtml"; } @Html.Partial("_ClientForm", Model) @section Scripts { @Scripts.Render("~/bundles/jqueryval") } @型号CardNumbers.Objects.Client @{ ViewBag.Title=“编辑客户端”； Layout=“~/Views/Shared/\u PopupLayout.cshtml”； } @Html.Partial（“_ClientForm”，Model） @节脚本{ @Scripts.Render（“~/bundles/jqueryval”） } 我最初在_ClientForm中有BeginForm，我可以看到表单，但是x（close）和Resize不起作用。我现在尝试将表单的起始行移到外部，但现在情况更糟

---

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

我能想到的两件事是

检查URL是否有效

填充div后调用对话框

$（“#sform”）.load（url）.对话框（“打开”）；

变成

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

如果提供了“完整”回调，则在执行后处理和HTML插入之后执行该回调

---

注意：这是在修改之前对问题提出的答案

我能想到的两件事是

检查URL是否有效

填充div后调用对话框

$（“#sform”）.load（url）.对话框（“打开”）；

变成

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

如果提供了“完整”回调，则在执行后处理和HTML插入之后执行该回调

---

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

当您进行编辑时，URL中的内容是否加载到#sform？需要告诉您哪里有问题我将在问题中添加更多内容，以提供我的主视图代码和控制器的编辑方法。请稍后再次检查我的问题分钟有没有办法添加我看到的行为的图像？当你进行编辑时，URL中的内容是否加载到#sform中？有点需要告诉你哪里有问题我将在我的问题中添加更多内容，以提供我的主视图代码和控制器的编辑方法。请在几分钟后再次检查我的问题这里有一种方法可以添加我看到的行为的图像？我想作为一个初学者，我仍然不完全理解这一切是如何工作的。我希望我可以插入一张图片，其中包含我在使用您的建议更改代码时遇到的错误。错误现在是0x800a139e-Microsoft JScript运行时第2行第13143列的未处理异常错误：无法在初始化之前调用对话框上的方法；尝试调用方法“open”，该方法告诉我在运行脚本时#sform不存在。请将其包装在$（文档）中。准备就绪或将脚本移动到#sform#sform下方在主视图中。它是否也应该在编辑视图中？我在客户端视图的底部有@using（Html.BeginForm（null，null，FormMethod.Post，new{id=“sform”，title=“Client Info”}））{@Html.Partial（“_ClientForm”，Model）}我现在还添加了更多内容。我在主视图中定义了#sform（在不可见的div中）。在“编辑”按钮中，我尝试返回一个视图。如果我返回一个包含#sForm的视图，它似乎根本不起作用。但我在想-可能我只需要将其包装在form语句中（但不带id）？我想作为一名初学者，我仍然不完全理解这一切是如何工作的。我希望我能插入一张图片，上面有我在使用您的建议更改代码时遇到的错误。错误现在是未处理的异常，位于0x800a139e第2行第13143列-Microsoft JScript运行时错误：无法在初始化之前调用dialog上的方法Ilization；试图调用方法“open”，该方法告诉我在脚本运行时#sform不存在。可以用$（document）包装。准备就绪，或者将脚本移动到#sform#sform下面。sform在主视图中。它是否也应该在编辑视图中？我在客户端视图的底部有@using（Html.BeginForm）（null，null，FormMethod.Post，new{id=“sform”，title=“Client Info”}{@Html.Partial（“_ClientForm”，Model）}我还添加了更多的内容作为我现在拥有的内容。我有一个主视图，我在其中定义了#sForm（在不可见的div中）。在“编辑”按钮中，我尝试返回一个视图。如果我返回一个包含#sForm的视图，它似乎根本不起作用。但我在想-可能我只需要将其包装在form语句中（但不带id）？