0

http://jqueryui.com/autocomplete/#remote

      $(document).ready(function() {
        var Employees = function(request, response) {
            var value1 = document.getElementById('<%= txtEmployeeID.ClientID %>').value.split(" ");
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "WebService.asmx/GetEmployees",
                data: "{'keywords':'" + value1 + "'}",
                dataType: "json",
                async: true,
                success: function(data) {
                    response(data.d);
                },
                error: function(result) {
                    //alert("Error");
                }
            });
        }
        $('#<%= txtEmployeeID.ClientID %>').autocomplete({
            autoFocus: true, source: Employees
        });
    });

これは、データベースから値を取得するためのオートコンプリートのコードです。

これは、各文字が入力されたときに実行され、値がフィルター処理されます。

開始時にすべての従業員名を var Employee にロードするオートコンプリートを探しています。フィルタリングを再試行する必要はありません。

4

4 に答える 4

2

従業員をフェッチし、結果を配列に格納して、この配列をオプション sourceとして提供できます。

于 2012-10-10T09:00:37.727 に答える
1

オプション選択を追加

select( event, ui ):function(){
$(this).disable();
}
于 2012-10-10T08:56:15.323 に答える
0

応答をキャッシュし、データが既に取得されているかどうかを確認するためのソース コードを含む非常に単純なデモがあります。この設定を使用すると、前もって値を取得するためのエストラ コードを記述する必要はありません。

http://jqueryui.com/autocomplete/#remote-with-cache

「ソースを表示」をクリック

于 2012-10-10T10:36:11.230 に答える