MVC4下如何实现模态弹出对话框效果--对话框里可以实现翻页效果（2）

浏览数：78 / 时间：2015年06月09日

其实上文只是对如何加代码的顺序方法的表述，这里面的代码每个函数是什么意思，要如何理解？需要我们深思。

我们先大框子去理解：我们上文在控制器里只是去HTTPGET了，HTTPget理解其实就是请求。那么我么要保存，要插入的时候要怎么做。

上文在控制器里增加了NEW的动作，当然我们要增加NEW的视图（New.cshtml），视图里面会有一个代码。

using(Ajax.BeginForm("New","DataModule",new AjaxOptions{

InsertionMode=InsertionMode.Replace,

HttpMethod="POST"

OnSuccess="saveSuccess"

},new{@id="savePersonForm"}

这个里面告诉我们：

New:控制器方法（和上文的HTTPGET是没有联系的，需要重新建立一个【httppost】的NEW用来接受模型并保存数据）

DataModule:控制器名字

OnSuccess:它是INDEX的JQ的方法，作用可以及时更改主页面的View数据。看上去就像保存了后立刻无刷新更新一样。很漂亮。

就是实现到这里我在想我如何按下DIALOG的按钮，不关闭窗口，而更新窗口的数据，实现了在对话框下分页到效果。

那么分页功能那篇国外文章写的也比较全，后期我可以对分页部分增加代码的要点来写篇文章。对于基础高的大师没有必要了，留给刚入门的菜鸟看看的。

我只是提出如何在DIALOG按钮下如何实现AJAX变化的效果。

1、我们在对话框的页面下增加一段话

<div id="content555"></div>主要的作用是让这部分的文字发生变化。

2、然后我们在INDEX的JS中的 dialog下的SAVE:fuction里增加我们想要用的东西，是什么。其实就是一个JQ的函数：(这个函数需要自己去了解它的功能)

$.ajax({
            type: "POST",
            url: "@Url.Action("GetAddressList", "Address")",
            data: { personNo: parPersonNo, pageNo: parPageNo },
            cache: false,
            dataType: "json",
            success: function (data)
            {
                if (data.Html)
                {
                    $("#content555").html(data.Html);

                    buttonizeALL();
                    setLinkAbilites();

                    setPagingSummary(parPageNo);
                }
                else
                {
                    alert(‘opps!‘);
                }
            },
            error: function(exp)
            {
                     alert(‘Error address : ‘ + exp.responseText);
            }
        }); //end ajax call
当然到这里只是实现了对话框里面可以改变文字和数据变化功能，很多的学习需要举一反三。有时间我继续完善，但是给出思路，大家去实现了解非常重要。