0

我要实现的场景如下:

我正在使用带有剃刀视图的 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();
        }
4

2 回答 2

1

得到了解决方案。

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

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

于 2012-07-24T04:40:00.097 回答
0

不确定这是否是您的目标,但是,在子框架中,您可以设置一个全局变量,然后将父项中的控件文本设置为变量

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

然后你可以通过做关闭子框架

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

希望这可以帮助

于 2012-06-09T10:29:22.840 回答