本文介绍了一个ASP.NET中使用DropDownList实现数据级联选择的例子。通过前后端代码配合，实现了根据第一个下拉列表的选择结果动态加载第二个下拉列表的数据。
前台代码：
<asp:DropDownList ID="DropDownList1" runat="server" Style="width: 200px; height: 30px" AutoPostBack="true" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
</asp:DropDownList>
<asp:DropDownList ID="DropDownList2" runat="server" Style="width: 200px; height: 30px" AutoPostBack="true">
</asp:DropDownList>
后台代码：
public void Bindate()
{
DropDownList1.DataSource = comBLL.GetModelList("state=1");
DropDownList1.DataTextField = "Name";
DropDownList1.DataValueField = "id";
DropDownList1.DataBind();
}
public void BindTo()
{
var selected = DropDownList1.SelectedValue;
List<Model.Person.pmDepartment> ds = opmDepartmentBLL.GetModelList(" state=1 and CompanyId=" + selected);
DropDownList2.DataSource = ds;
if (ds == null || ds.Count < 0)
{
DropDownList2.Items.Clear();
}
else
{
DropDownList2.DataTextField = "Name";
DropDownList2.DataValueField = "id";
DropDownList2.DataBind();
}
}
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
var selected = DropDownList1.SelectedValue;
if (string.IsNullOrEmpty(selected))
{
DropDownList2.Items.Clear();
}
else
{
BindTo();
}
}
页面加载：
protected void Page_Load(object sender, EventArgs e)
{
if (!LoadQueryString())
return;
if (!IsPostBack)
{
//调用方法
Bindate();
BindTo();
DropDownList1.SelectedValue = opmUserInfo.CompanyId.ToString();
DropDownList2.SelectedValue = opmUserInfo.DepartmentId.ToString();
}
}
扫一扫
849
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
