0

GIFの「AAU01-010.gif」、「AAU01-020.gif」で満たされたフォルダー/devicesを検索するオートコンプリート入力フィールド（結果の画像付き）をユーザーに提供したいと思います。

ファイル名で検索できるようにしてほしい。 私はインターネット上で何も見つけることができなかったので、これは可能ですか?

PS私はオンラインの別の例から基礎となるコードを取りましたが、それでも私のニーズに合わせて変更する必要があります $(function() {

    $("#my_ac").autocomplete({
        source: [
            {
                value: "Tom Hanks",
                label: "Tom Hanks",
                description: "Actor",
                image: "hanks.png"
            },
            {
                value: "Termionator 2",
                label: "Termionator 2",
                description: "Movie",
                image: "terminator.png"
            }
        ],
        minLength: 1
    }).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
        var inner_html = '<a><div class="list_item_container"><div class="image"><img src="' + item.image + '"></div><div class="label">' + item.label + '</div><div class="description">' + item.description + '</div></div></a>';
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append(inner_html)
            .appendTo( ul );
    };
});

HTML

<h3>Ref_Devices</h3>
      <div style="height:300px;">
      <input type="text" id="my_ac"/>
      <div class="list_item_container">
    <div class="image"><img src=""></div>
    <div class="label"></div>
    <div class="description"></div>
    </div>
4

1 に答える 1

0

たとえば AJAX を使用してコントローラーからの JSON 応答を処理するには、サーバー側のスクリプトを作成し、既存の JavaScript を更新する必要があります。この回答を基本的な PHP スクリプトで更新します。

<?php

    $sQuery = $_GET['search']; # string to search
    $aResults = array(); # empty results array

    # loop through directory containing images
    if($handle = opendir('./images')) {
        while(false !== ($sFileName = readdir($handle))) {

            # blacklist particular names to exclude from search
            if(in_array($sFileName,array('.','..'))) continue;

            # if we find a result, add it to the array of results
            if(stristr($sFileName,$sQuery)) $aResults[] = $sFileName;
        }
    }

    # return jSON encoded array
    exit(json_encode($aResults));

?>

上記は、結果を取得するために使用できる PHP の例です。

于 2013-10-09T13:34:21.877 に答える