用Ajax.net实现的一个无刷新的多级联动下拉列表框

最新推荐文章于 2024-05-05 12:08:42 发布
最新推荐文章于 2024-05-05 12:08:42 发布
阅读量62 收藏
点赞数
文章标签： ui xhtml 数据库
原文链接：http://www.cnblogs.com/snow365/archive/2008/07/04/1235644.html
版权

(转载)
用Ajax.NET Ectention 实现的一个无刷新的多级动态下拉列表框，使用的3个UpdatePanel，每一个中放一个DropDownList，分别为

DropDownList1、2、2，其中UpdatePanel2由UpdatePanel1触发，UpdatePanel3由UpdatePanel2和UpdatePanel1共同触发，

也可以增加到很多级，只要类似的改代码就可以了。

以下为源代码

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Untitled Page</title>

</head>

<body>

    <form id="form1" runat="server">

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

        <div style="float: left">

            <asp:UpdatePanel ID="UpdatePanel1" runat="server">

                <ContentTemplate>

                    <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" Width="184px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged" OnTextChanged="DropDownList1_SelectedIndexChanged" >

                     

                    </asp:DropDownList>

                </ContentTemplate>

            </asp:UpdatePanel>

        </div>

        <div style="float: left">

            <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">

                <ContentTemplate>

                    <asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="True" Width="168px" OnSelectedIndexChanged="DropDownList2_SelectedIndexChanged" >

                      

                      

                    </asp:DropDownList>

                </ContentTemplate>

                <Triggers>

                    <asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged" />

                </Triggers>

            </asp:UpdatePanel>

        </div>     

        <asp:UpdatePanel ID="UpdatePanel3" runat="server">

            <ContentTemplate>

                <asp:DropDownList ID="DropDownList3" runat="server" AutoPostBack="True" Width="160px">

                    

                </asp:DropDownList>

            </ContentTemplate>

            <Triggers>

                <asp:AsyncPostBackTrigger ControlID="DropDownList2" EventName="SelectedIndexChanged" />

                <asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged" />

            </Triggers>

        </asp:UpdatePanel>

    </form>

</body>

</html>

 

// Default.aspx.cs文件

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using System.Data.Sql;

using System.Data.SqlClient;

using System.Collections;

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            DropDownList1.DataSource = CreateSource(0);

            DropDownList1.DataTextField = "TypeName";

            DropDownList1.DataValueField = "TypeID";

            DropDownList1.DataBind();

            int PreID = Convert.ToInt32(DropDownList1.SelectedValue);

            DropDownList2.DataSource = CreateSource(PreID);

            DropDownList2.DataTextField = "TypeName";

            DropDownList2.DataValueField = "TypeID";

            DropDownList2.DataBind();

            PreID = Convert.ToInt32(DropDownList2.SelectedValue);

            DropDownList3.DataSource = CreateSource(PreID);

            DropDownList3.DataTextField = "TypeName";

            DropDownList3.DataValueField = "TypeID";

            DropDownList3.DataBind();

        }

    }

    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

    {

        int PreID = Convert.ToInt32(DropDownList1.SelectedValue);

        if (CreateSource(PreID) != null)

        {

            DropDownList2.DataSource = CreateSource(PreID);

            DropDownList2.DataTextField = "TypeName";

            DropDownList2.DataValueField = "TypeID";

            DropDownList2.DataBind();

            PreID = Convert.ToInt32(DropDownList2.SelectedValue);

            if (CreateSource(PreID) != null)

            {

                DropDownList3.DataSource = CreateSource(PreID);

                DropDownList3.DataTextField = "TypeName";

                DropDownList3.DataValueField = "TypeID";

                DropDownList3.DataBind();

            }

            else

            {

                DropDownList3.Items.Clear();

            }

        }

        else

        {

            DropDownList2.Items.Clear();

            DropDownList3.Items.Clear();

           

        }

     

    }

    protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)

    {

        int PreID = Convert.ToInt32(DropDownList2.SelectedValue);

        if (CreateSource(PreID) != null)

        {

            DropDownList3.DataSource = CreateSource(PreID);

            DropDownList3.DataTextField = "TypeName";

            DropDownList3.DataValueField = "TypeID";

            DropDownList3.DataBind();

        }

        else

        {

            DropDownList3.Items.Clear();

        }

    }

    protected ICollection CreateSource(int preId)

    {

        SqlConnection conn = new SqlConnection();

        conn.ConnectionString = ConfigurationManager.ConnectionStrings["NewsReleaseConnectionString"].ConnectionString;

        string sqlStr="Select TypeId,TypeName From ArticleType Where PreId=' "+preId.ToString()+"'";

        SqlDataAdapter sda = new SqlDataAdapter(sqlStr,conn);

        DataSet ds = new DataSet();

        sda.Fill(ds);

        if (ds.Tables[0].Rows.Count <= 0)

        {

            return null;

        }

        else

        {

            return ds.Tables[0].DefaultView;

        }

         

    }

}

 

数据库中的相应表的SQL

 

USE [NewsRelease]

GO

/****** 对象: Table [dbo].[ArticleType]    脚本日期: 12/05/2007 12:49:06 ******/

SET ANSI_NULLS ON

GO

SET QUOTED_IDENTIFIER ON

GO

SET ANSI_PADDING ON

GO

CREATE TABLE [dbo].[ArticleType](

    [TypeID] [bigint] IDENTITY(1,1) NOT FOR REPLICATION NOT NULL,

    [TypeName] [varchar](20) COLLATE Chinese_PRC_CI_AS NOT NULL,

    [PreID] [bigint] NOT NULL,

    [AddTime] [datetime] NULL,

 CONSTRAINT [PK_ArticleType] PRIMARY KEY CLUSTERED

(

    [TypeID] ASC

)WITH (PAD_INDEX = OFF, IGNORE_DUP_KEY = OFF) ON [PRIMARY]

) ON [PRIMARY]

 

GO

SET ANSI_PADDING OFF

下载文件

转载于:https://www.cnblogs.com/snow365/archive/2008/07/04/1235644.html

weixin_34150830
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AJAX+ASP.NET 多级无刷新下拉列表菜单
05-17
内容索引:.NET源码,Ajax相关,下拉菜单,Ajax　AJAX+ 多级无刷新下拉列表菜单，源码包内一共有三个演示程序：一个是基本的多级下拉列表；第二个是运用AJAX技术无刷新读取Access并生成列表；第三个则是下拉选择框的形式...
几个不同类型无刷新联动例子
weixin_34125592的博客
11-30 50
Iframe实现无刷新联动 iframe的无刷新其实是局部刷新，状态栏的滚动条还是会滚动，只是页面不会闪烁，这是一种比较老的技术了，在处理的数据两大的时候会比较慢，在本例中需要两个页面：oec2003index.aspx和oec2003frame.asapx,oec2003index.aspx用来显示界面，其中有一个iframe标记，指向oec2003frame.aspx页用来显示结果 oe...
ASP.net 下拉列表级联
m0_56227168的博客
02-03 1400
一.说明 此文是小白在学习张晨光老师的视频教学<<Asp.Net WEB服务器编程技术>>中做的学习笔记,一些知识点也是跟着教程走的,大家也可以去老师的主页去学习,谢谢大家. 二.前端 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication9_ajax_.WebForm3" %> <!DOCTYPE html>
全国省市县无刷新多级联动菜单
热门推荐
cx136295988的博客
01-10 1万+
全国省市县无刷新多级联动菜单 省市县关联菜单 body,select { font-size:9pt; font-family:Verdana; } a { color:red; text-decoration:none; } a:hover{ text-decoration:underline; } function Dsy() {
ajax实现联动效果全攻略（极力推荐）
师以长技以制夷
09-01 1502
<!--google_ad_client = "pub-8386324930088827";/* 300x250, 创建于 08-9-12 */google_ad_slot = "8232946103";google_ad_width = 300;google_ad_height = 250;//--><script type="text/javascript"
用Ajax实现多级联动下拉列表For ASP.NET 采用WebService实现
04-02
这是将《用Ajax实现多级联动下拉列表（无限级别，JSON传输数据，含全国地区数据库））》（原来是asp的）改写成ASP.NET,服务器端采用WebService。仍然使用JSON传数据。原文地址：...
ajax.net +jquery 无刷新三级联动的实例代码
10-27
ajax.net +jquery 无刷新三级联动的实例代码，需要的朋友可以参考一下
Ajax+Servlet实现无刷新下拉联动效果
10-18
主要为大家详细介绍了Ajax+Servlet实现无刷新下拉联动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
ASP.NET+ajax+xml省市县区无刷新联动代码
03-16
摘要:.NET源码,Ajax相关,三级联动,省市县菜单　+ajax+xml实现的全国省市县（区）无刷新联动源码。 　创建服务器端方法。只要给一个方法加上[AjaxPro.AjaxMethod]标记,该方法就变成一个AjaxPro可进行映射调用的方法...
鸿蒙launcher浅析
xianrenli38的博客
04-28 667
launcher的ui加载 是这样的，使用的不是UIAbility，而是没见过的ServiceExtension.,如此，添加的UI。product 业务形态层：区分不同产品、不同屏幕的各形态桌面，含有桌面窗口、个性化业务，组件的配置，以及个性化资源包。之前做过Android launcher，所以对鸿蒙的launcher挺好奇的，看看和普通鸿蒙应用有何区别。feature 公共特性层：抽象的公共特性组件集合，可以被各桌面形态引用。common 公共能力层：基础能力集，每个桌面形态都必须依赖的模块。
在UI界面中播放视频_unity基础开发教程
成长之路，任重道远，期待你的关注！
05-01 630
之前我写过一篇在场景中播放视频的文章，但是在开发中有时候也会在UI的界面中播放视频，这期我们做一下在UI的界面中播放视频。操作步骤比较简单，到这里就完成了，如果有问题的话可以在评论区留言，下期见，拜拜！
element-ui的bug记录
nick_zhang的博客
04-29 533
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
QT+串口调试助手+扩展版
最新发布
m0_61973119的博客
05-05 391
此文章是这篇文章的拓展。
移植 SquareLine 导出的 UI 源码到 HMI-Board
嵌入式小菜鸟一枚~
04-28 1015
移植 SquareLine Studio 设计 UI 到 HMI-Board
border 是渐变色怎么设置 圆角 radius?
左不言的博客
04-29 209
border 是渐变色怎么设置 圆角 radius?
EditText与NestScrollView嵌套使用时，滑动冲突处理
Ung8023
04-28 899
在Android开发中经常会有在一个大页面中，包含一个EditText的情况，一般情况下，大页面会通过或者ScrollView当作根View。
【element-ui】el-table横向滚动后，通过is-scrolling-left获取滚动高度失效的问题
九日的博客
04-28 421
现在有一个需求，需要监听el-table的纵向滚动，当滚动高度达到特定值时进行一些操作。
远程为ubuntu安装teamviwer（无UI界面） - 简书
m0_51788349的博客
04-30 265
远程为ubuntu安装teamviwer（无UI界面） - 简书。
多级联动下拉java,下拉列表多级联动前端实现
06-06
多级联动下拉列表的实现，可以通过前端的JavaScript和Ajax实现。具体实现步骤如下： 1. 在HTML页面中，定义多个下拉列表，每个下拉列表都有一个唯一的ID。 2. 在JavaScript中，定义一个函数，用于获取下拉列表的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值