zoukankan      html  css  js  c++  java
  • MVC4下如何实现模态弹出对话框效果--对话框里可以实现翻页效果(2)

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

    我们先大框子去理解:我们上文在控制器里只是去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
    当然到这里只是实现了对话框里面可以改变文字和数据变化功能,很多的学习需要举一反三。有时间我继续完善,但是给出思路,大家去实现了解非常重要。

  • 相关阅读:
    day22 sys模块(☆☆☆)json & pickle模块(☆☆☆☆)
    day22 OS模块
    day21 time时间模块
    day21 if __name__==""__main__""的用法
    day21 模块
    day20 装饰器 (装饰器=高阶函数+函数嵌套+闭包)加上参数
    day19 生产者模型-next与send用法详解-生产者消费者模型
    day19 生成器函数的好处
    zzq's sort [思维题]
    三元组 [01Trie]
  • 原文地址:https://www.cnblogs.com/kikizhong/p/3869768.html
Copyright © 2011-2022 走看看