• [转载].NET ASP.NET 中web窗体(.aspx)利用ajax实现局部刷新


    之前开发的一套系统中用到了大量的 checkboxList 控件,但是每次选定之后都会刷新整个页面,用户体验很差,百度了之后查到这篇文章,尝试了一下可以实现,所以转载了过来,记录一下,也给其他有相同困扰的朋友一个解决的办法。 

    ********************分割线********************

    C#所有runat="server"的控件都会造成整个界面的刷新,如果想实现局部刷新,可以利用ajax。需要加入的控件有ScriptManager和UpdatePanel,可以实现只刷新UpdatePanel内的内容。
    C#中已经将AJAX封装到了一个控件中,可以很简单的实现,使用方法有点类似panel:
    例:在前台aspx文件中:

    <body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><br />
    <div style="text-align: center; color: Blue; font-size: larger">
    不需要刷新的内容
    </div>
    <div style="text-align: center">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
    <asp:DataList ID="DataList1" runat="server"></asp:DataList>
    </ContentTemplate>
    </asp:UpdatePanel>
    <br />
    <br />
    <div id="divButton" style="text-align: center"></div>
    </div>
    </form>
    </body>

    其中 <asp:ScriptManager> 就是实现AJAX的控件,需添加在所有页面内容的最上面,扔在最上面就行,标签之间不用添加内容。<asp:UpdatePanel> 以</asp:UpdatePanel>结尾,在该区域内的刷新内容时,不会刷新整个页面,标签之间为局部刷新的内容。

    后台页面,只需要按照原来的需要对datalist等进行相应的操作,不需要对<asp:ScriptManager >, <asp:UpdatePanel>进行操作,另外,<asp:ScriptManager >,<asp:UpdatePanel >在VS2008之后,可以在工具箱(ToolBox)中的AJAX Extensions 下找到,在VS2005中,需要安装AJAX插件才能使用。
    注意事项:
    (1)ScriptManager要放在UpdatePanel的前面。
    (2)UpdatePanel内的控件只能影响UpdatePanel内的控件,不能影响外面的控件,而外面的控件则可以影响UpdatePanel内的。
    常见错误
    (1)类型“System.Web.UI.UpdatePanel”不具有名为“DropDownList”的公共属性
    解决方法:其实原因很简单。就是少了一个<ContentTemplate></ContentTemplate>
    例:

    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <asp:DropDownList ID="ddlUsed" runat="server">
    <asp:ListItem Text="百度" Value="-1"></asp:ListItem>
    <asp:ListItem Text="谷歌" Value="0"></asp:ListItem>
    <asp:ListItem Text="新浪" Value="1"></asp:ListItem>
    </asp:DropDownList>
    </asp:UpdatePanel>

    正确的如下:

    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
    <asp:DropDownList ID="ddlUsed" runat="server">
    <asp:ListItem Text="百度" Value="-1"></asp:ListItem>
    <asp:ListItem Text="谷歌" Value="0"></asp:ListItem>
    <asp:ListItem Text="新浪" Value="1"></asp:ListItem>
    </asp:DropDownList> 
    </ContentTemplate> 
    </asp:UpdatePanel>

    (2)类型“ScriptManager”的控件“ScriptManager1”必须放在具有 runat=server 的窗体标记内

    错误原因:<asp:ScriptManager ID=“ScriptManager1” runat=“server”></asp:ScriptManager>这个内容必须放在<form>标记内。
    ————————————————
    版权声明:本文为CSDN博主「用得到就留个赞GH」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/qq_43434300/article/details/100092123

  • 相关阅读:
    MVC模型验证
    AutoMapper完成Dto与Model的转换
    【转】Asp.Net MVC及Web API框架配置会碰到的几个问题及解决方案
    MVC过滤器详解
    IOC框架Ninject实践总结
    【转】NHibernate对象以及状态说明
    轻量级IOC框架:Ninject (上)
    mysql5.7 误删管理员root账户
    杂项
    X-Pack权限控制之给Kibana加上登录控制以及index_not_found_exception问题解决
  • 原文地址:https://www.cnblogs.com/kaizishu/p/11677529.html
Copyright © 2020-2023  润新知