UpdatePanel控件实现无刷新级联

最新推荐文章于 2016-09-02 16:07:56 发布
最新推荐文章于 2016-09-02 16:07:56 发布
阅读量1.6k 收藏
点赞数
分类专栏： asp.net 文章标签： updatepanel asp.net dropdownlist
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yayun0516/article/details/41866799
版权

.master代码如下：

<%@ Master Language="VB" CodeFile="0_MST_ASPNET12.master.vb" Inherits="_0_MST_ASPNET12" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="CSS/CSS_DEFAULT.css" rel="stylesheet" type="text/css" />
    <link href ="JS/jquery-1.9.1.js" type ="text/javascript" />
    
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div style ="width:720px; margin:0px auto;">
        <div id="div_nav">

            <asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" 
                Orientation="Horizontal" StaticDisplayLevels="2">
            </asp:Menu>
        
        
            <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
        
        
        </div>


        <%--说明性文字--%>
        <div id="div_memo">
            <asp:ContentPlaceHolder id="CPH_memo" runat="server" />
        </div>


        <%--主程序及控件--%>
        <div id="div_main">
            <asp:ContentPlaceHolder id="cph_main" runat="server"/>        
        </div>


        <%--输出部分--%>
        <div id="div_result">
        <h4>输出检测内容:</h4>
             <asp:ContentPlaceHolder id="cph_output" runat="server"/>        
        </div>



        
    </div>
    </form>
</body>
</html>

.aspx代码如下： 

<%@ Page Title="" Language="C#" MasterPageFile="~/0_MST_ASPNET12.master" AutoEventWireup="true" CodeFile="S4_UpdatePanel_ddls.aspx.cs" Inherits="Sample_code_S4_UpdatePanel_ddls" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="CPH_memo" Runat="Server">
    <strong>级联查询DropDownList:</strong>
    <ul>
        <li>ddl_p[省],内容不会改变,放在UpdatePanel外</li>
        <li>设置Triggers -> ddl_p</li>
        <li>ddl_c[市]数据绑定之后,会再次影响ddl_d的数据,所以绑定完成之后,需要强制ddl_d再次绑定数据</li>
        <li>掌握数据绑定在页面生命周期中的位置</li>
    </ul>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="cph_main" Runat="Server">
    <p class ="showtime">页面时间: <%=DateTime.Now.ToFileTime() %></p>
    请选择地区:
    <asp:DropDownList ID="ddl_p" runat="server" DataSourceID="ads_p" 
        DataTextField="p_name" DataValueField="p_id" AutoPostBack="True">
    </asp:DropDownList>
    <asp:AccessDataSource ID="ads_p" runat="server" DataFile="~/DATA/China.mdb" 
        SelectCommand="SELECT * FROM [T_Province]"/>

    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>

    <asp:UpdatePanel ID="Upnl_ddls" runat="server" RenderMode="Inline" 
        UpdateMode="Conditional"> <%--RenderMode="Inline" 以流的方式显示（行显示）--%>
        <ContentTemplate>
            
            <asp:DropDownList ID="ddl_c" runat="server" DataSourceID="ads_c" 
                DataTextField="c_name" DataValueField="c_id" AutoPostBack="True" OnDataBound="load_d"><%--OnDataBound="load_d"强制绑定一下--%>
            </asp:DropDownList>
            <asp:AccessDataSource ID="ads_c" runat="server" DataFile="~/DATA/China.mdb" 
                SelectCommand="SELECT [c_name], [c_id] FROM [T_City] WHERE ([c_pid] = ?)">
                <SelectParameters>
                    <asp:ControlParameter ControlID="ddl_p" Name="c_pid" 
                        PropertyName="SelectedValue" Type="Int32" />
                </SelectParameters>
            </asp:AccessDataSource>

              <asp:DropDownList ID="ddl_d" runat="server" DataSourceID="ads_d"  OnDataBound="checkitems"
                DataTextField="d_name" DataValueField="d_id">
            </asp:DropDownList>
            <asp:AccessDataSource ID="ads_d" runat="server" DataFile="~/DATA/China.mdb" 
                SelectCommand="SELECT [d_id], [d_name] FROM [T_District] WHERE ([d_cid] = ?)">
                <SelectParameters>
                    <asp:ControlParameter ControlID="ddl_c" Name="d_cid" 
                        PropertyName="SelectedValue" Type="Int32" />
                </SelectParameters>
            </asp:AccessDataSource>

            <p class ="showtime">UpdatePanel时间: <%=DateTime.Now.ToFileTime() %></p>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID ="ddl_p" />
        </Triggers>
    </asp:UpdatePanel>


   


</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="cph_output" Runat="Server">
    <asp:Button ID="Button1" runat="server" Text="读取选择" οnclick="Button1_Click" />
    <asp:Label ID="lbl_result" runat="server" />
</asp:Content>

注意点： 
<span style="background-color: rgb(204, 0, 0);"> RenderMode="Inline" </span>

<span style="background-color: rgb(204, 0, 0);"> OnDataBound="load_d"</span>
.aspx.cs代码如下： 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Sample_code_S4_UpdatePanel_ddls : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    //第二个DDL,数据绑定完成后,要求第三个DDL重新进行数据绑定
    protected void load_d(object sender, EventArgs e) {
        ddl_d.DataBind();
    }


    //最后一个DDL,如果内容为空,则不显示
    protected void checkitems(object s, EventArgs e) {
        if (ddl_d.Items.Count == 0) { ddl_d.Style["display"] = "none"; } else { ddl_d.Style.Remove("display"); }
    }


    //读取选择的按钮
    protected void Button1_Click(object sender, EventArgs e)
    {
        string _s = "您选择的是:" + ddl_p.SelectedItem.Text + " / " +  ddl_c.SelectedItem.Text + " / " + ddl_d.SelectedItem.Text + "。";

        lbl_result.Text = _s;
    }

}

效果如下：


yayun0516
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用UpdatePanel实现页面无刷新
柴伟伟的专栏
03-21 499
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">                                     刷新页面后的时间：
UpdatePanel 无刷新时如何显示js效果
10-30
UpdatePanel 无刷新时如何显示js效果
Hibernate+struts+JqueryAjax+jSON实现无刷新三级联动
weixin_30765475的博客
11-13 88
看网上JqueryAjax三级联动的例子讲不是很全,代码也给的不是很全,给初学者带来一定的难度。小弟自己写了一个，可能有些地方不是很好，希望大家能够提出建议。 用的是Hibernate+struts2写的。http://blog.csdn.net/luckey_zh/article/details/22995389 以代码来说话吧。 首先是index1.jsp页面 [html]...
UpdatePanel无刷新
weixin_30901729的博客
12-16 84
使用UpdatePanel实现无刷新效果 1. <asp:ScriptManager ID="scriptManger1" ruant="server"></asp:ScriptManager> 2.添加 <asp:UpdatePanel ID="panel" ruant="server" UpdateMode="Conditional"> ...
利用UpdatePanel无刷新 更新数据绑定控件
写好我们的关健程序
03-17 631
<asp:GridView ID="GridView1" runat="server" PagerSettings-Mode="numeric" AutoGenerateColumns="False" AllowPaging="True" Font-Size="13px" OnRowDeleting="GridView1_RowDeleting"
ASP.NET Ajax级联DropDownList实现代码
01-20
为了提供更好的用户体验，我们可以使用ASP.NET AJAX来实现无刷新的级联DropDownList。ASP.NET AJAX允许我们在客户端进行部分页面更新，从而避免了不必要的页面刷新。以下是实现步骤： 1. **创建XML数据文件**： ...
省市地区 局部刷新 级联下拉框
12-03
综上所述，"省市地区 局部刷新 级联下拉框"的实现涉及到ASP.Net的多个技术层面，包括后端的C#处理、前端的AJAX和JavaScript交互、数据库操作、以及UI设计。理解并掌握这些知识点是构建高效、响应式的Web应用程序的...
用Atlas实现控件的无刷新效果
06-19
- Atlas提供了丰富的客户端API，可以对任何HTML元素或ASP.NET控件添加事件监听和处理，实现无刷新的交互效果。例如，可以使用Ajax.BeginForm或AjaxOptions来创建无刷新的表单提交。 - 通过ScriptManagerProxy，...
AJAX+ASP.NET 多级无刷新下拉列表菜单
02-13
ASP.NET中的UpdatePanel控件可以帮助我们轻松实现页面部分的无刷新更新。在一个UpdatePanel内，任何服务器端控件的事件都会触发一个AJAX调用，而不会导致整个页面刷新。不过，对于多级下拉菜单，直接使用UpdatePanel...
.net下拉菜单的级联实现源码
11-01
这可以通过使用ASP.NET AJAX库中的UpdatePanel控件实现。将`ddlChild`和它的事件处理程序放入UpdatePanel中，这样`ddlParent`的更改不会导致整个页面回发。 6. 解压缩提供的源码： `webFtest.sln`是解决方案文件，...
C#.NET 无刷新控件
06-12
Anthem.net是一种新的AJAX技术，它主要是提供了一个新控件库，库中包含了大量常用控件，如Button、Calendar、 CheckBox等等，到目前为止为ASP.NET提供了24种新控件，实用于ASP.NET 1.0 和 ASP.NET 2.0 。
UpdatePanel无刷新问题。
E_say_de
09-02 891
1。如：                                 如果选项中有Selected="True" 标记项，那么再次选回该项时，触发将会不生效。如果只有两项，那么相当于触发“是”选项后，将无法再触发刷新事件了。 如果有三个选项的话，只能靠非“否”选项去触发刷新事件。
UpdatePanel控件(二)——二级DropDownList联动(2)
开心每天，水滴石穿。
01-25 1614
UpdatePanel控件包含Update()方法。在异步回传过程中，你可以使用该方法以编程方式更新UpdatePanel中的内容。 UpdatePanel控件何时更新其内容是由两个属性决定的：UpdateMode和ChildrenAsTriggers。如果UpdateMode="Conditional" ChildrenAsTriggers="false"，（ChildrenAsTrigger
UpdatePanel控件（一）——两个级联DropDownList控件(1)
开心每天，水滴石穿。
01-25 819
UpdatePanel控件允许你更新页面中的一部分，而不用更新整个页面。换句话说，它允许你执行局部页面呈现。   页面：       Inherits="sample_CascadingDropDownsNoAjax" %> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/199
asp.net实现无刷新DropDownList联动控件
v5qqcom
06-06 115
&lt;%@ Page language="c#" Codebehind="Example.aspx.cs" AutoEventWireup="false" Inherits="Webs.other.Example" %&gt; &lt;HTML&gt; &lt;HEAD&gt; &lt;title&gt;Example&lt;/title&gt;
ASP.Net(C#)中基于ScriptManager-UpdatePanel的无刷新上传（用户控件）的实现
lbx541575387的专栏
08-22 3180
我们知道，Microsoft Visual Stadio (2008) 自带的AJAX Extensions在实现页面的局部提交及（服务器端）数据回调及显示上，效果不错（除了文本输入需要通过别的方式增加键弹起，按下等客户端事件的监听及由此触发服务端事件，在此不做讨论）！ 先
使用了 UpdatePanel 控件,button.Enable失效
最新发布
06-06
在使用 UpdatePanel 控件时，可能会出现这种情况，因为 UpdatePanel 控件只更新异步请求的部分页面，而不是整个页面。如果您在 UpdatePanel 内部放置了该按钮，则该按钮的 Enable 属性可能会在 UpdatePanel 异步请求...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值