2013-04-01 22 views
5

新しい剣道UIマルチセレクションウィジェットをサーバー側のフィルタリングで使用していましたが、最小文字数を入力した後にのみajaxコールを作成するのに問題があります。 autoBindオプションとminLengthオプションをそれぞれfalseと3に設定しました。しかし、私はカーソルをテキストフィールドに置くとすぐにselectオプションを得るためにajaxリクエストを送信します。 3文字(またはそれ以上)が入力されるまで待ってから、別のAjaxリクエストを送信してオプションリストを更新します。しかし、最初のajaxリクエストが送信される前に3文字が入力されるまで待機させるにはどうすればよいですか?ここで私は複数選択を設定した方法です:剣道UIマルチセレクション

$('#delegates').kendoMultiSelect(
     { 
      autoBind: false, 
      minLength: 3, 
      placeholder: 'Select delegates...', 
      dataTextField: 'name', 
      dataValueField: 'personid', 
      filter: 'contains', 
      delay: 200, 
      dataSource: { 
       serverFiltering: true, 
       transport: { 
        read: { 
         url: '/my/remote/url', 
         dataType: 'json' 
        } 
       } 
      } 
     } 
    ); 

私はKendoUIサイト上の複数選択ウィジェットのoverviewAPI docs見てきたし、それも何を私を行う方法があることを表示されません。 (私は最初にautoBind:falseとminLength:3が私の答えになると思ったが、そうではないことが判明した)。だから私は「多分私が何かを見逃している事前に感謝を期待してメートルの投稿

+0

initalのバグを防ぐことはできませんが、投稿された値が空の文字列であれば、あなたのserver-methodで無視して何も返しませんか? – Shion

+0

@Shion - うん、私はそれについて考えて、それは意味をなさない。しかし、回避策のように思えるので、Ajaxコールを待機させるための組み込みの方法がないことを確認したかったのです。そうでなければ、私はおそらくあなたが提案した通りに正確にやります。 – tonyg

答えて

0

私が回避策となるだろう

私はここにKendoUIデモを点検した場合:。。。FirebugのでServer Filtering Demoを、最初の呼び出し これは設計上の問題で、現在のバージョンのウィジェットで期待通りです。

これは新しいウィジェットなので、剣道チームに連絡してみてください。運が良ければ、次のリリース(またはその間のいくつかのベータ版)に、このオプションがあります。

+0

こんにちは、この問題を解決する剣道の新バージョンはありますか? – tbgox

+0

私は分かりません。デモを試してみて、火かき棒/ウェブインスペクタで点検してください。さらに、この動作をテストするデモを最小限に抑えてください。あなたが何らかの情報を入手した場合は、ここでコメントしてください。私は受け入れられた答えを更新します。 – Shion

1
$("#products").kendoMultiSelect({ 
         placeholder: "Select products...", 
         dataTextField: "name", 
         dataValueField: "id", 
         autoBind: false, 
         dataSource: { 
          transport:{ 
           read:{ 
            url:'products/api/get', 
            serverPaging:true, 
            pageSize:20, 
            contentType:'application/json; charset=utf-8', 
            type:'GET', 
            dataType:'json' 
           } 
          } 
         } 
        }); 
関連する問題