技术笔记:WebForm三级联动

简介: 技术笔记:WebForm三级联动

三级联动


数据库根据父级代号条件写查询 返回list集合


方法一:


创建三个下拉列表:


※AutoPostBack:否发生自动回传到服务器的操作。如果把该属性设置为 TRUE,则启用自动回传,否则为 FALSE。默认是 FALSE。


1 省:

2 市:

3 区:

CS:


※SelectedIndexChanged事件:当列表控件的选定项在信息发往服务器之间变化时发生


1 protected void Page_Load(object sender, EventArgs e)


2 {


3 if (!IsPostBack)


4 {


5 Bind(new ChinaStatesDA().Select("0001"//代码效果参考:http://www.lyjsj.net.cn/wx/art_23086.html

), DropDownList1);

6 Bind(new ChinaStatesDA().Select(DropDownList1.SelectedValue), DropDownList2);


7 Bind(new ChinaStatesDA().Select(DropDownList2.SelectedValue), DropDownList3);


8 }


9 DropDownList1.SelectedIndexChanged += DropDownList1_SelectedIndexChanged;


10 DropDownList2.SelectedIndexChanged += DropDownList2_SelectedIndexChanged;


11 }


12


13 void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)


14 {


15 Bind(new ChinaStatesDA().Select(DropDownList2.SelectedValue), DropDownList3);


16 }


17


18 void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)


19 {


20 Bind(new ChinaStatesDA().Select(DropDownList1.SelectedValue), DropDownList2);


21 Bind(new ChinaStatesDA().Select(DropDownList2.SelectedValue), DropDownList3);


22 }


23 //绑定方法


24 public void Bind(List list, DropDownList dw)


25 {


26 dw.DataSource = list;


27 dw.DataTextField = "AreaName";


28 dw.DataValueField = "AreaCode";


29 dw.DataBind();


30 }


方法二:


创建三个下拉列表框:


省:

市:

区:

CS:


※DropDownList.Items.Clear(); 每调用一次填充方法就需要请空一下,否则数据会追加


protected void Page_Load(object sender, EventArgs e)


{


if (!IsPostBack)


{


sheng();


shi();


qu();


}


}


public void sheng()//填充省


{


List listsheng = new ChinaStatesDA().Select("0001");


foreach (ChinaStates cssheng in listsheng)


{


ListItem lisheng = new ListItem(cssheng.AreaName, cssheng.AreaCode);


DropDownListsheng.Items.Add(lisheng);


}


}


public void shi()//填充市


{


List listshi = new ChinaStatesDA().Select(DropDownListsheng.SelectedValue);


foreach (ChinaStates csshi in listshi)


{


ListItem lishi = new ListItem(csshi.AreaName, csshi.AreaCode);


DropDownListshi.Items.Add(lishi);


}


}


public void qu()//填充区


{


List listqu = new ChinaStatesDA().Select(DropDownListshi.SelectedValue);


foreach (ChinaStates csqu in listqu)


{


ListItem liqu = new ListItem(csqu.AreaName, csqu.AreaCode);


DropDownListqu.Items.Add(liqu);


}


}


protected void DropDownListsheng_SelectedIndexChanged(object sender, EventArgs e)


{


DropDownListshi.Items.Clear();


DropDownListqu.Items.Clear();


shi();


qu();


}


protected void DropDownListshi_SelectedIndexChanged(object sender, EventArgs e)


{


DropDownListqu.Items.Clear();


qu();


}

相关文章
|
9月前
|
JavaScript 前端开发
原生js做三级联动
原生js做三级联动
39 0
|
7月前
|
移动开发 开发框架 JavaScript
基于Jquery WeUI的微信开发H5页面控件的经验总结(1)
基于Jquery WeUI的微信开发H5页面控件的经验总结(1)
|
7月前
|
移动开发 JSON JavaScript
基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
|
8月前
|
前端开发 JavaScript Java
杨老师教你学会使用富文本编辑器KindEditor之添加页面设计
杨老师教你学会使用富文本编辑器KindEditor之添加页面设计
108 0
|
JavaScript
如何用原生JS实现跑马灯效果
如何用原生JS实现跑马灯效果
222 0
如何用原生JS实现跑马灯效果
|
JavaScript 前端开发
史上最简单的原生JS实现轮播图效果
原生JS实现轮播图效果 上篇文章我们说到了怎样利用原生JS实现Tab切换的效果,现在我们来说一下Tab切换的“升级版”。如何利用原生JS实现轮播图效果。如图: 在这里插入图片描述 HTML代码: <div class="box"> <img src="img/0.jpg" alt=""> <!-- <img src="img/1.jpg" alt=""> <img src="img/2.jpg" alt=""> <img src="img/3.jpg" alt=""> --> <div class="
|
JavaScript 前端开发 Java
原生js的笔记
java是SUN公司开发的 是强类型,基于面向对象的后端语言。 javascrip是Netsape公司,是弱类型,基于对象的客户端脚本语言。
|
前端开发 JavaScript iOS开发
8款超赞的最新jQuery插件工具
jQuery是迄今为止我最喜欢的Javascript框架,开发者用jQuery创造出惊人的视觉效果,以及处理数据,等等。 在这篇文章中,我给所有web开发人员推荐8款超赞的jQuery插件工具。 1.jQuery Mobile 由于iPhone和BlackBerry移动设备的普及,网络趋向于移动,jQuery Mobile是一个完整的框架,让您轻松地创建移动网站。
1168 0
|
JavaScript C# 前端开发