2012-01-20 9 views
2

誰かが助けてくれることを願っています。私は従業員を検索するためのページを持っています。要件は、入力時に検索結果を取り戻すことです。たぶん私はこれについて完全に間違った方法をとっていますが、私は現在作業コードを持っています。問題は、いくつかの結果が順不同で返されることです。jqueryを使用してlivesearchで部分的なビューをロードする

例えば、あなたは「Don」を検索しているかもしれませんが、「Do」の結果を得る前に「Don」の結果が返され、「Do」の結果が画面に残されます。

最新の検索結果のみを取得できるように、新しい検索を開始する際に未処理の結果をクリア/キャンセルする方法はありますか?ここで

はコードです:

$('#searchString').keyup(function() { 
     searchPeople($(this).val()); 
    }); 

    function searchPeople(searchString) { 
     var bu = $('#selectedBU').val(); 
     $('#people_view').clearQueue().load(
      '@Url.Action("PeopleView", "People")', 
      { SearchString:searchString.replace(' ', '*|*'), 
       bu:bu }); 
     $('#searchString').focus(); 
    } 

答えて

0

車輪の再発明をしないようにと、私はjquery autocompleteを使用します:)

あなたはまだ、独自のオートコンプリートを実装する場合は、あなたが以前のAJAX要求を停止する必要があります(s)。あなたはhereを開始することができますし、さらに多くの提案のためのリンクされた質問を見てください。

+0

説明のために、これは従業員の写真のグリッドを返します。グリッドを入力すると写真が少なくなります。 jqueryオートコンプリートは正確には適合していないようです。しかし、リンクありがとう! – RazorbackRich

+0

あなたは 'img'要素のリストをオートコンプリートで返すことができます。 –

+0

ありがとう!以前のAjaxリクエストに関するリンク先のポストは、私を正しい軌道に乗せました。私はそれらの行に沿って何かがなければならないことを知っていた! – RazorbackRich

関連する問題