ASP下拉框多选控件及使用方法

在开发项目功能需要，须在ASP.NET页面实现下拉框多选的要求，在网上找了多种解决方法，把其中最好的一个解决办法分享给大家。 实现效果图： 该功能主要用到第三方插件 DropDownCheckList。 该插件包含两个文件 ：DropDownCheckList.dll 和 DropDownCheckList.js 主要实现原理是通过层+js实现。 插件官网下载地址：http://www.codeproject.com/Articles/11987/DropDownCheckList-ASP-NET-Server-Control#xx2456914xx 目前此插件是免费。 该插件使用方法： 1、添加引用：DropDownCheckList.dll 2、将DropDownCheckList.js放置到网站根目录的aspnet_client\UNLV_IAP_WebControls\DropDownCheckList\文件夹下 3、前端页面引用： <%@ Register TagPrefix="cc1" Namespace="UNLV.IAP.WebControls" Assembly="DropDownCheckList" %> <link href="../aspnet_client/UNLV_IAP_WebControls/DropDownCheckList/styles.css" type="text/css" rel="stylesheet"> <SCRIPT src="../aspnet_client/UNLV_IAP_WebControls/DropDownCheckList/DropDownCheckList.js" type="text/javascript"></SCRIPT> <script runat="server"> void btnClear_Click(object o, EventArgs e) { dclTasktype.SelectedValue = null; } </script> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td width="78%"> <cc1:DropDownCheckList id="dclTasktype" runat="server" TextWhenNoneChecked="--请选择(支持多选)--" DropImageSrc="../aspnet_client/UNLV_IAP_WebControls/DropDownCheckList/expand.gif" DataMember="category" DataTextField="text" DisplayBoxCssStyle="border: 1px solid #9999CC; cursor: pointer; background-color: #FFFFFF;" DisplayTextWidth="224" DataValueField="value"> <asp:ListItem Value="IDEAAUD" text="意见审查" /> <asp:ListItem Value="ITEMDIS" text="项目处理" /> <asp:ListItem Value="ITEMCHE" text="项目校核" /> <asp:ListItem Value="RUST" text="程序号标准包维护" /> <asp:ListItem Value="RUSTCHK" text="程序号标准包校核" /> <asp:ListItem Value="ITEMAUD" text="项目审查" /> <asp:ListItem Value="ITEMPAS" text="项目批准" /> <asp:ListItem Value="PLAN" text="计划安排" /> <asp:ListItem Value="PNOPE" text="PM拆合OPE审查" /> <asp:ListItem Value="PNSPE" text="PM拆合专业包维护" /> <asp:ListItem Value="PNPACK" text="包挂接至PM" /> </cc1:DropDownCheckList> </td> <td align="left"> <asp:Button id="btnClear" runat="server" text="清空" onClick="btnClear_Click" /> </td> </tr> </table> 后台获取选择的值方法及获取的格式： string strTasktypeLabels = this.dclTasktype.SelectedLabelsToString(", "); //多选任务类型 如：意见审查,项目处理,项目校核,程序号标准包维护,程序号标准包校核,项目审查,项目批准,计划安排,PM拆合OPE审查 string strTasktypeValues = this.dclTasktype.SelectedValuesToString(", ", "'"); //多选任务值 如：Value='IDEAAUD','ITEMDIS','ITEMCHE','RUST','RUSTCHK','ITEMAUD','ITEMPAS','PLAN','PNOPE','PNSPE','PNPACK' 此控件还可以通过后台绑定数据，代码如下： 此控件绑定的数据支持DataSet，数据绑定实例： this. dclTasktype .DataSource = Get.Tables[0]; this. dclTasktype .DataBind(); 1、获取xml中的数据 public static DataSet Get(Page page) { // use some simple data for this example XmlDataDocument x = new XmlDataDocument(); x.DataSet.InferXmlSchema(page.MapPath(kXMLFILE), null); x.Load(page.MapPath(kXMLFILE)); return x.DataSet; } xml文件： 此控件在显示数据的时候可以控制显示多列： 在属性中加入 ： RepeatColumns="2" 原创：李福龙