1

このjQueryを見つけたので、プロジェクトに統合したいと思います。私の質問は、その「ソース」をどのように適用するかです。

私の入力ではデータベースからすべてを受け取り、htmlやjQueryでこれまで何も書くことができなかったからです！

実際、私はウィケットコンポーネントを使用してオートコンプリートを実行していますが、ブラウザーのサイズを変更するとリストが入力の下に配置されないため、そのコンポーネントにはバグがあります。そのため、より良い方法を見つけようとしています。

誰かが私をヘップできるなら:)

var $element = $('.my-autocomplete');
var $testinput = $element.find('.my-autocomplete-input');

$testinput.autocomplete({
    minLength: 0,
    autoFocus: true,
    source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
  });

フィドルの例： http： //jsfiddle.net/CSypd/36/

ありがとうございました！

4

2 に答える 2

2

クライアント側

    $("#element _id").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '@Url.Action("GetEmployeeDepartmentStuff")',  
                        //generates into a url. eg http://www.site.com/MyPage/GetEmployeeDepartmentStuff?filter=....
                        dataType: "json",
                        data: {
                            filter: request.term
                        },
                        success: function (data) {
                            response($.map(eval(data), function (item) {
                                return {
                                    label: item.em_name,
                                    dp_Name: item.dp_Name
                                }
                            }));
                        }
                    })
                },
                maxLength: 2,
                select: function (event, ui) {                   
                    $("#Deparment").attr('value', ui.item.dp_Name);
                }
            });

サーバ側

    [HttpGet]
    [CompressFilter]
    public ActionResult GetEmployeeDepartmentStuff(string filter = "")
    {
        SomeRepository repo = new SomeRepository();
        return repo.GetEmployeeDepartmentStuff(filter);   //returns a JSON result
    }

サーバー側のコードにどの言語を使用しているかはわかりませんが、Web メソッド/サービス/パラメーター「フィルター」 (上記を参照) を受け入れる何かを公開する必要があるか、または送り返したいものは何でも.. .. マークアップに jquery ライブラリを含めることも忘れないでください

于 2012-05-28T13:06:50.873 に答える
0

最も簡単なアイデアは、ajax 呼び出しを介してソース配列を取得することです。

于 2012-05-28T12:55:27.323 に答える