带图片的，多列的DropDownList的实现

下面是模仿的DropDownList的效果，支持图片，多列，换行等。查看例子

WebDropDownList.aspx

模拟下拉列表框

模拟下拉框

请选择？

6

北京市

上海市

河南省

深圳市

大连市

云南省

WebDropDownList.aspx.cs

using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; using System.Web; using System.Web.SessionState; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; using System.Data.OleDb; namespace eMeng { /// /// ShowList 的摘要说明。 /// public class WebDropDownList : System.Web.UI.Page { protected System.Web.UI.WebControls.DataGrid DataGrid1; private void Page_Load(object sender, System.EventArgs e) { DataGrid1.Columns[0].ItemStyle.Width = Unit.Pixel(400); DataGrid1.Columns[1].ItemStyle.Width = Unit.Pixel(100); Data_Bind(); } public void Data_Bind() { Response.CacheControl = "no-cache"; Response.Expires = -1; try { string strSQL = "SELECT id,objectGuid,Title,CreateDate,HitCount FROM Document ORDER BY id DESC"; string cnString = (new Connection()).ConnectionString; OleDbConnection cn = new OleDbConnection(cnString); cn.Open(); OleDbCommand cmd = new OleDbCommand(strSQL, cn); DataGrid1.DataSource = cmd.ExecuteReader(CommandBehavior.CloseConnection); DataGrid1.DataBind(); cn.Close(); cn.Dispose(); cn = null; cmd.Dispose(); cmd = null; } catch(OleDbException myOleDbException) { Response.Write("错误：" + myOleDbException.Message + ":" + myOleDbException.HelpLink); Response.End(); } } private void DataGrid1_ItemDataBound(object sender,System.Web.UI.WebControls.DataGridItemEventArgs e) { if( e.Item.ItemIndex != -1 ) { e.Item.Attributes.Add("onmouseover", "this.bgColor='#C1D2EE'"); e.Item.Attributes.Add("onclick", "document.all.text1.innerText=this.cells[0].innerText;document.all.form1.city.value=this.cells[0].innerText;"); if (e.Item.ItemIndex % 2 == 0 ) { e.Item.Attributes.Add("bgcolor", "#FFFFFF"); e.Item.Attributes.Add("onmouseout", "this.bgColor=document.getElementById('DataGrid1').getAttribute('singleValue')"); } else { e.Item.Attributes.Add("bgcolor", "oldlace"); e.Item.Attributes.Add("onmouseout", "this.bgColor=document.getElementById('DataGrid1').getAttribute('oldValue')"); } } else { DataGrid1.Attributes.Add("oldValue", "oldlace"); DataGrid1.Attributes.Add("singleValue", "#FFFFFF"); } } #region Web Form Designer generated code override protected void OnInit(EventArgs e) { // // CODEGEN：该调用是 ASP.NET Web 窗体设计器所必需的。 // InitializeComponent(); base.OnInit(e); } /// /// 设计器支持所需的方法 - 不要使用代码编辑器修改 /// 此方法的内容。 /// private void InitializeComponent() { this.DataGrid1.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DataGrid1_ItemDataBound); this.Load += new System.EventHandler(this.Page_Load); } #endregion } }