Question

我想实施的方案如下：

我正在使用带有剃刀视图的MVC 3。

在单击文本框（将其命名为结果文本框）上，从主视图（不同视图，添加视图）打开一个对话框，并将回发带回家庭控制器操作。

在对话框（即“添加视图”）上，只需输入两个用于添加的数字，并在其提交时，在“添加视图控制器”操作上进行回发。

现在，当添加控制器操作处理完成时，我想添加数字并关闭当前对话框（添加视图）并更新父视图（主视图）上显示的结果文本框以及添加结果

注意：关闭对话框后，我不希望重新加载或刷新父视图。

现在，我面临的问题是如何

1）获取隐藏字段值（容器添加值）并设置为父页面上的结果测试框？

2）从对话框本身关闭对话框（添加视图）？没有刷新父视图？

代码：

<h2> Input numbers to add</h2>
    @using (Html.BeginForm("About","Home",FormMethod.Post, new {id = "dialogchildform"}))
    { 

         @Html.Hidden("hdnresult", ViewData["result"], new { id = "hdnres" })

    <div style="position: relative; margin-left: 200px; top: 80px">

        <fieldset>


            @Html.ValidationSummary(true)
            <div class="editor-label">
                Value 1
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.num1, new { id = "num1" })
                @Html.ValidationMessageFor(model => model.num1)
            </div>
            <div class="editor-label">
                Value 2
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.num2, new { id = "num2" })
                @Html.ValidationMessageFor(model => model.num2)
            </div>
        </fieldset>
        <p>
            <input type="submit" value="Add and Retrun" id="inputSubmit" />
        </p>
    </div>

    }




    <script type="text/javascript">

           $(document).ready(function () {
               $("#inputSubmit").click(function () {

                   document.forms('dialogchildform').submit();

            // txtParentResult is a Textbox on prent view to be updated
                   document.getElementById('txtParentResult').value 
= document.forms('dialogchildform').hdnres.value; 
// not updating the parent textbox


                  // $(window.document).dialog('close');  
//gives error - Microsoft JScript runtime error: Object doesn't support property or method 'dialog'
                  //$("#mydiag").dialog("close");  
// also gives error

                  //jQuery(".ui-dialog-content").dialog("close");  
// again gives error -  Microsoft JScript runtime error: Object doesn't support property or method 'dialog'


               });        
           });

    </script>

控制器操作：

[HttpPost]
        public ActionResult Add(AddNum vAddNum)
        {
            objAddNum = vAddNum;
            int result = objAddNum.AddNumbers();
            ViewData["_ActionCloseDialog"] = "true";
            ViewData["result"] = result;
            return View();
        }

Answer 1

得到了解决方案。

我没有在对话框视图中使用jQuery函数，而是在父视图本身上使用了对话框按钮。

因为，对话框在父.cshtml的javascript函数中被定义为全局变量，并且在div中封装子视图，可以访问两个视图上的控件。

Answer 2

不确定这是否是您的追随者，但是，在子框架中，您可以设置全局变量，然后将父项中的控件文本设置为vatiable

parent.document.getElementById("").text() = "";

然后你可以通过

关闭子框架

var child = document.getElementById('childId');
child.document.close()

希望这有帮助

使用jQuery从子视图关闭对话框而不重新加载MVC3中的父视图

2 个答案: