ASP.NET: Bind Dropdownlist With Images

最新推荐文章于 2019-07-12 20:28:29 发布

漫彧明柒

最新推荐文章于 2019-07-12 20:28:29 发布

阅读量514

点赞数

分类专栏： C# 文章标签： dropdownlist 绑定图片

本文链接：https://blog.csdn.net/qq_31971935/article/details/51260262

版权

C# 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

http://www.c-sharpcorner.com/UploadFile/9f0ae2/Asp-Net-bind-dropdownlist-with-images/

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="dropdownImage.aspx.cs" Inherits="WenBen.dropdownImage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="dropdown/ddl.css" />
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="dropdown/js/jquery.dd.js"></script>
    <script type="text/javascript" language="javascript">
        $(document).ready(function (e) {
            try {
                $("#ddlprofile").msDropDown();
            } catch (e) {
                alert(e.message);
            }
        });
</script>
</head>
<body>
    <form id="form1" runat="server">


        <asp:DropDownList ID="ddlprofile" runat="server" Width="150px"  AutoPostBack="true"></asp:DropDownList>
    </form>
</body>
</html>

后台：

 protected void Page_Load(object sender, EventArgs e)
        {
            if(!Page.IsPostBack)
            {
                Bindddl();
                BindTitle();
            }

        }
        protected void Bindddl()
        {
            SqlConnection con = new SqlConnection("Database=KJDB;Server=192.168.199.103;User ID=sa;Password=sa;");
            con.Open();
            SqlCommand cmd = new SqlCommand("select * from ModuleImage ", con);
            SqlDataAdapter adp = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            adp.Fill(ds);
            ddlprofile.DataTextField = "Name";
            ddlprofile.DataValueField = "ImageFileName";
            ddlprofile.DataSource = ds;
            ddlprofile.DataBind();
            con.Close();
        }
        protected void BindTitle()
        {
            if (ddlprofile != null)
            {
                foreach (ListItem li in ddlprofile.Items)
                {
                    li.Attributes["title"] = "img/" + li.Value; // it ll set the value of items in dropdownlist as tooltip

                }
            }
        }

漫彧明柒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ASP.NET: Bind Dropdownlist With Images

http://www.c-sharpcorner.com/UploadFile/9f0ae2/Asp-Net-bind-dropdownlist-with-images/<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="dropdownImage.aspx.cs" Inherits="WenBen.dropdownImage" %><
复制链接

扫一扫