DropDownList 控件控制Image控件动态显示图像

最新推荐文章于 2012-12-26 12:07:31 发布

转载最新推荐文章于 2012-12-26 12:07:31 发布 · 695 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ivy/archive/2008/06/06/1214819.html

文章标签：

#ui #数据库

本文介绍了一个使用ASP.NET实现图片下拉框选择的方法。通过连接本地数据库并从特定表中获取图片信息，将其填充到下拉框中，同时在页面上显示选中的图片。该过程涉及SqlConnection、SqlCommand等组件的使用。

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

public partial class _Default : System.Web.UI.Page
{
    SqlConnection sqlcon;
    string strCon = "Data Source=(local);Database=db_04;Uid=sa;Pwd=";
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            sqlcon = new SqlConnection(strCon);
            sqlcon.Open();
            string sqlstr = "select * from tb_Image";
            SqlDataAdapter myda = new SqlDataAdapter(sqlstr, sqlcon);
            DataSet myds = new DataSet();
            myda.Fill(myds, "tb_Image");
            ddlPhoto.DataSource = myds.Tables["tb_Image"];
            ddlPhoto.DataTextField = "Image";
            ddlPhoto.DataBind();
            imgPhoto.ImageUrl = ddlPhoto.SelectedValue;
            sqlcon.Close();
        }
    }
    protected void ddlPhoto_SelectedIndexChanged(object sender, EventArgs e)
    {
        imgPhoto.ImageUrl = ddlPhoto.SelectedValue;
    }
}
SelectedIndexChanged 事件当列表控件中的选择在向服务器的发送过程中更改时会引发这个事件记得 DropDownList的AutoPostBack属性要为True