0

スムーズに動作しているjQuery UI DataTablesを使用しています。

約 20 の奇妙なフィルター オプションがあります。いくつかはドロップダウン、日付ピッカー、かなりの数のテキストボックスです。これらのテキストボックスをデータベースからのデータでオートコンプリートしたいと考えています。

オンとオフで、私は1週間頭を叩いています。

はいの場合、DataTablesでオートコンプリートすることは可能ですか?

どんな提案でも命の恩人になります。

ここに画像の説明を入力

4

2 に答える 2

0

これを試してみてください.. phpを使用しているので、このようになります。

jQuery

$(document).ready(function() {

    var LocalityArray = [];
  //$.getJSON('../../database/country.json', { id: data.id }, function(response) {
    $.getJSON("locality.php", { getLocality: '495074' }, function(response) {
        // Here (response) is array format. Like this

        // [{"LocalityID":9397,"CityID":55,"LocalityName":"Adugodi"},{"LocalityID":9398,"CityID":55,"LocalityName":"Aga Abbas Ali Road"},{"LocalityID":9399,"CityID":55,"LocalityName":"Agaram"},{"LocalityID":9400,"CityID":55,"LocalityName":"Agrahara Dasara Halli"},{"LocalityID":9401,"CityID":55,"LocalityName":"Agrahara Dasarahalli"},{"LocalityID":9402,"CityID":55,"LocalityName":"Airport Exit Road"},{"LocalityID":9403,"CityID":55,"LocalityName":"Horamavu"},{"LocalityID":9404,"CityID":55,"LocalityName":"Hosakere Halli"},{"LocalityID":9405,"CityID":55,"LocalityName":"Hennur"},{"LocalityID":9406,"CityID":55,"LocalityName":"Hesaraghatta"},{"LocalityID":9407,"CityID":55,"LocalityName":"HKP Road"},{"LocalityID":9408,"CityID":55,"LocalityName":"HMT Layout"},{"LocalityID":9409,"CityID":55,"LocalityName":"Hongasandra"},{"LocalityID":9410,"CityID":55,"LocalityName":"Hoody"},{"LocalityID":9411,"CityID":55,"LocalityName":"Hayes Road"}    ]

        $.each(response, function(key, value) {
            LocalityArray[key] = value.LocalityName;
        });

        $(".txtLocality").autocomplete({
            minLength: 2,
            source: LocalityArray
        });
    }, 'json');

});

HTML

<table>
    <tr>
        <td>
            <input type="text" class="txtLocality" />
            <input type="text" class="txtLocality" />
            <input type="text" class="txtLocality" />
        </td>
    </tr>
</table>
于 2013-07-04T11:28:00.187 に答える
0

DataTable コード自体を使用してオートコンプリートを機能させることができませんでした。

代わりに、 Chosenという jQuery プラグインを使用しました。それは目的を十分に果たしました。とてもシンプルで使いやすいです。

他の誰かに役立つことを願っています。

于 2014-04-24T12:30:03.757 に答える