2016-05-19 13 views
0

サーバーからのJSON出力をオートコンプリート機能のソースとして使用しようとしています。私はAutocompleteのドキュメントを読んで、オブジェクトの配列がソースタイプとして受け入れられると言っています。誰かが私にこのことで間違っていることを教えてもらえますか?それはAn array of objects with label and value properties: [ { label: "Choice1", value: "value1" }, ... ]述べドキュメントからJqueryオートコンプリートでオブジェクトの配列を読み取ることができません

[{"area_id":"1","area_name":"DLF Phase 1"},{"area_id":"2","area_name":"DLF Phase 2"}] 
+0

あなたはあなたのオートコンプリートを意味しますドロップダウンで何も表示されませんか? –

+0

そうです。オートコンプリートでドロップダウンが表示されていません。私が1次元配列を供給すると、完全に動作します。 – coderatlarge

答えて

1

  jq(document).ready(function() { 
      jq("body").css({overflow:'hidden'}); 

      jq.getJSON("<?php echo Mage::getBaseUrl() . "setsession/index/getarea"; ?>", 
      function(data) { 

       jq("#autocomplete-1").autocomplete({ 
       source: data, 
       select: function(event, ui) { 
        alert(ui.item.area_id); 
        jq("#splash_area").val(ui.item.area_id); 
        return false; 
       } 
       }); 
      } 
      );    
      }); 

は、これは私が(JSONでエンコード)バックサーバから取得していますものです。

http://api.jqueryui.com/autocomplete/#option-source

あなたのオブジェクトは、このように定義されていません。だから、

のようなあなたの例の何かのために[{値: "1"、ラベル: "DLFフェーズ1"}、{値: "2"、ラベル: "DLFフェーズ2"}]

+0

Worked。私はデータ型の命名の独立性を奪うとは決して疑いませんでした! – coderatlarge

関連する問題