DropDownList 联动

最新推荐文章于 2016-11-23 15:19:31 发布

转载最新推荐文章于 2016-11-23 15:19:31 发布 · 170 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/IT1517/articles/4731165.html

文章标签：

#ui

本文介绍了一种使用ASP.NET DropDownList实现联动效果的方法。通过三个步骤：1. 编写填充下拉列表的方法；2. 在页面加载时及下拉列表选择改变时调用相应的方法；3. 设置AutoPostBack属性来实现多级下拉列表之间的联动。

部署运行你感兴趣的模型镜像

DropDownList 联动

下拉列表联动：
1.编写三个方法，用来填充三个下拉列表。
2.调用三个方法
a.在Page_Load中调用。
注意： 1.要加if(!IsPostBack){}.2.调用的先后次序。
b.在列表的事件中调用。
注意：

1.调用哪几个方法。第一级调后两级的填充。第二级调用每三级填充。
2.要设置下拉列表的自动提交。AutoPostBack

public partial class _Default : System.Web.UI.Page
{
    private MyDBDataContext _Context = new MyDBDataContext();

    //绑定生产厂商
    private void FillProd()
    {
        List<Productor> list = _Context.Productor.ToList();
        ddlProd.DataSource = list;
        ddlProd.DataTextField = "Prod_Name";
        ddlProd.DataValueField = "Prod_Code" ;
        ddlProd.DataBind();
    }
    //绑定系列
    private void FillBrand()
    {
        string ProdCode = ddlProd.SelectedValue;
        List<Brand> list = _Context.Brand.Where(p=>p.Prod_Code == ProdCode).ToList ();
        ddlBrand.DataSource = list;
        ddlBrand.DataTextField = "Brand_Name";
        ddlBrand.DataValueField = "Brand_Code";
        ddlBrand.DataBind();
    }
    //绑定车
    private void FillCar()
    {
        string BrandCode = ddlBrand.SelectedValue;
        List<Car> list = _Context.Car.Where(p => p.Brand == BrandCode).ToList();
        ddlCar.DataSource = list;
        ddlCar.DataTextField = "Name";
        ddlCar.DataValueField = "Code";
        ddlCar.DataBind();

    }
    //加载
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            FillProd();
            FillBrand();
            FillCar();
        }
    }
    //点击生产厂商加载系列和车
    protected void ddlProd_SelectedIndexChanged(object sender, EventArgs e)
    {
        FillBrand();
        FillCar();
    }
    //点击系列加载车
    protected void ddlBrand_SelectedIndexChanged(object sender, EventArgs e)
    {
        FillCar();
    }
}

转载于:https://www.cnblogs.com/IT1517/articles/4731165.html

您可能感兴趣的与本文相关的镜像