1

jqueryオートコンプリートを使用してテキストボックスの値をロードしています:

@Html.TextBox("Cities", "", new { @id="tags" })

<script type="text/javascript">
$(function () {
        var availableTags = [
        "New York",
        "London",
        "Moscow",
        "Paris",
        "Berlin",
        "Madrid",
    ];
    $( "#tags" ).autocomplete({
        source: availableTags
    });
});

実際、私には1000以上の都市があり、それらをデータベースに保存して、モデルを介してビューに送信します。また、より楽しい外観のために、次のようにテキストボックスのドロップダウンリストに国旗を追加したいと思います。

ここに画像の説明を入力してください

どうすればいいですか?オートコンプリートソースに画像を追加するにはどうすればよいですか?

4

2 に答える 2

2

ソリューションで_renderMenu関数をオーバーライドしています:

    _renderMenu: function( ul, items ) {
    var that = this;
    $.each( items, function( index, item ) {
        that._renderItemData( ul, item )
            .children("a")
            .attr("title", item.value["@tooltip"])
            .prepend("<img class='menu_button_img' src='" + item.value["@icon"] + "' /> ");
    });
},

私にとっては大丈夫です:)

于 2013-01-10T12:17:50.277 に答える
1

オートコンプリートソースのhtmlを編集してフラグ画像を追加する必要があります。この質問を調べて、キャッシュを使用してjQueryUIオートコンプリートリモートソースに画像を追加してください

于 2013-01-10T12:18:45.080 に答える