0

ドロップダウンリストに会社名とロゴを表示したい.ドロップダウンリストにすべての会社名を取得しましたが、名前付きのロゴを追加できません.

会社名と画像が指定されているxmlファイルがあります。xml ファイルの構造:

 <ente>
    <nazione>ALBANIA</nazione>
    <name>Tirana</name>
    <img>tvsh-albania.png</img>
    <descri>TVSH - Rruga Ismail Quemali 11, Tirana</descri>
    <latitudine>41.321102</latitudine>
    <longitudine>19.823112</longitudine>
    <zoom>-4</zoom>
  </ente>

画像フォルダにもすべての画像があります。

私はこのコードを使用しています：

 Protected Sub BindDataToGridviewDropdownlist()
        Dim xmlreader As New XmlTextReader(Server.MapPath("XMLFILE.xml"))
        Dim ds As New DataSet()
        ds.ReadXml(xmlreader)
        xmlreader.Close()

            If ds.Tables.Count <> 0 Then

                ddlDetails.DataSource = ds

            ddlDetails.DataTextField = "nome"
            ddlDetails.DataValueField = "nome"
            ddlDetails.DataBind()
            End If
    End Sub

私がする必要があることは、会社名で画像を表示することもできます。

4

3 に答える 3

0

すぐに使用できるドロップダウンリストは、画像の追加をサポートしていません。サードパーティのコンポーネントを探します。

于 2013-08-09T08:24:22.240 に答える
0

jQuery http://www.htmldrive.net/items/show/749/Image-Select-Elements-with-jQuery-and-CSS3.htmlを使用してこれを試してください

または、これを試してください http://designwithpc.com/Plugins/ddSlick

例 2 では、HTML は次のようにする必要があります

 <select id="demo-htmlselect">
        <option value="0" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/facebook-icon-32.png"
            data-description="Description with Facebook">Facebook</option>
        <option value="1" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/twitter-icon-32.png"
            data-description="Description with Twitter">Twitter</option>
        <option value="2" selected="selected" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/linkedin-icon-32.png"
            data-description="Description with LinkedIn">LinkedIn</option>
        <option value="3" data-imagesrc="http://dl.dropbox.com/u/40036711/Images/foursquare-icon-32.png"
            data-description="Description with Foursquare">Foursquare</option>
    </select>

リピーターにバインドすることで、コード ビハインドからその HTML を作成できます。

<asp:Repeater id="rp" runat="server">
    <HeaderTemplate>
        <select id="demo-htmlselect">
    </HeaderTemplate>

    <ItemTemplate>
        <option value='<%#Container.DataItem("name")%>' data-imagesrc='<%#Container.DataItem("img")%>'
            data-description='<%#Container.DataItem("descri")%>'>
                <%#Container.DataItem("name")%>
        </option>
    </ItemTemplate>

    <FooterTemplate>
    </select>
    </FooterTemplate>
</asp:Repeater>
于 2013-08-09T08:40:08.680 に答える