2014.12.06 ASP.NET 三级联动,添加员工,修改员工

(一)三级联动

要实现的效果:

代码:

 1     MyDBDataContext context = new MyDBDataContext();
 2     protected void Page_Load(object sender, EventArgs e)
 3     {
 4         //IsPostBack当前请求是否第一次打开,只有在第一次打开的时候是false,其它时候都是true
 5         //在每个Load页面写代码之前,都加上这句话
 6         if (!IsPostBack)
 7         {
 8             ShowProd();
 9             ShowBrand();
10             ShowCar();
11         }
12     }
13     /// <summary>
14     /// 显示汽车名称
15     /// </summary>
16     private void ShowCar()
17     {
18         var q = context.Car.Where(p=>p.Brand==DropDownList2.SelectedValue);
19         //绑定显示
20         DropDownList3.DataSource = q;
21         DropDownList3.DataTextField = "Name";
22         DropDownList3.DataValueField = "Code";
23         DropDownList3.DataBind();
24     }
25     /// <summary>
26     /// 显示系列名称
27     /// </summary>
28     private void ShowBrand()
29     {
30         var q = context.Brand.Where(p=>p.Prod_Code==DropDownList1.SelectedValue);
31         DropDownList2.DataSource = q;
32         DropDownList2.DataTextField = "Brand_Name";
33         DropDownList2.DataValueField = "Brand_Code";
34         DropDownList2.DataBind();
35     }
36     /// <summary>
37     /// 显示厂商名称
38     /// </summary>
39     /// <param name="context"></param>
40     private void ShowProd()
41     {
42         var q = context.Productor;
43         DropDownList1.DataSource = q;
44         DropDownList1.DataTextField = "Prod_Name";
45         DropDownList1.DataValueField = "Prod_Code";
46         DropDownList1.DataBind();
47     }
48     /// <summary>
49     /// 下拉列表厂商改变选择时
50     /// </summary>
51     /// <param name="sender"></param>
52     /// <param name="e"></param>
53     protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
54     {
55         ShowBrand();
56         ShowCar();
57     }
58     /// <summary>
59     /// 下拉列表系列改变选择时
60     /// </summary>
61     /// <param name="sender"></param>
62     /// <param name="e"></param>
63     protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
64     {
65         ShowCar();
66     }

三级联动源代码

然后将AutoPostBack属性打为True:  

(与WinForm不同,B/S需要提交给服务器,否则每次点击选项网页会重新加载,导致选项无法更改)

时间: 2024-08-14 19:13:53

2014.12.06 ASP.NET 三级联动,添加员工,修改员工的相关文章

2014.12.13 ASP.NET文件上传

一.文件上传:(一)上传到硬盘文件夹1.最简单的上传. [HTML代码] 1 <asp:FileUpload ID="FileUpload1" runat="server" /> 2 <asp:Button ID="Button1" runat="server" Text="上传" /> [C#代码] 1 //把相对路径,变成绝对路径 2 string path = Server.M

ASP.NET Web Form服务器控件三级联动

<form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server" style="dis

在ASP.NET MVC中实现一种不同于平常的三级联动、级联方式, 可用于城市、车型选择等多层级联场景

三级或多级联动的场景经常会碰到,比如省.市.区,比如品牌.车系.车型,比如类别的多级联动......我们首先想到的是用三个select来展示,这是最通常的做法.但在另外一些场景中,比如确定搜索条件的时候,对于三级联动来说,可能选择1个,2个,或3个条件,我想,以下的方式可能更适合: 以上,可以只选择品牌,或同时选择品牌.车系,或同时选择品牌.车系.车型,最后把选择的内容展示到input上,并以逗号隔开. 可以实现的功能包括: ○ 点击最上面的input弹出div,此时只显示品牌区域○ 点击最左边

Web 1三级联动 下拉框 2添加修改删除 弹框

Web  三级联动 下拉框 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page { private MyDBDataContext _Context = new MyDBD

asp.net(c#)用Ajax调用web 服务实现省市县三级联动

1.先说说硬件配置,我最开始是在Win7(I7 4770,8G RAM,2T硬盘)里装ubuntu10.10 64位系统(4G RAM,200G 硬盘)进行源码编译,大概花了3个多小时.而且还多次出现outofmemoryerror 错误.最后将硬件升级为I7 4770.16G内存.2T硬盘,不装虚拟机,直接跑Ubuntu 10.10系统,Swap分区为16G,编译一次大概花了40分钟,没有报任何错误. 所以不推荐在虚拟机里面跑. 2.根据官方文档配置编译环境: 官方文档说的是在"发布包/Sof

三级联动 控件及JS简单使用

数据库的链接: using System; using System.Collections.Generic; using System.Data.SqlClient; using System.Linq; using System.Web; /// <summary> /// UsersData 的摘要说明 /// </summary> public class UsersData { SqlConnection conn = null; SqlCommand cmd = nul

vue仿京东省市区三级联动选择组件

工作中需要一个盒京东购物车地址选择相似的一个省市区三级联动选择组件,google查了下都是下拉框形式的,于是自己写了一个,希望对使用vue开发项目的朋友有帮助,显示效果如下:使用vue2.0开发 html代码如下 <!--居住地址三级联动选项--> <section class="showChose" v-show="showChose"> <section class="address"> <secti

三级联动

以下为phpcms中的三级联动程序实现: HTML代码: 1 <!--三级联动--> 2 <div> 3 <form> 4 <label>请选择收货地址:</label> 5 <div id="p-c"> 6 <select name="province" id="province">请选择省份</select> 7 <select name=&

利用select实现年月日三级联动的日期选择效果

× 目录 [1]演示 [2]规划 [3]结构生成[4]算法处理 前面的话 关于select控件,可能年月日三级联动的日期选择效果是最常见的应用了.本文是选择框脚本的实践,下面将对日期选择效果进行详细介绍 演示 规划 默认情况下,年.月.日分别由3个select控件组成,id分别为sel1,sel2,sel3.它们且所包含的option[0]的值,分别为'年'.'月'.'日' 年份范围为1900-2100,月份范围为1-12,天的范围为1-31 年份范围.月份范围是不变的.而天的范围根据实际日期的