2010-12-13 5 views
0

DjangoとjQueryの新機能ですが、私は多くのPythonの経験があります。私は基本的にHTMLフォームを作成しようとしています。ここには1つのテキストボックスがあり、入力すると自動補完オプションが表示されます。これはレストランを見つけるために使用され、私はそれのためにYelp APIを使用するつもりです。誰かが、これを行う方法に関するチュートリアルの指示で、Yelp APIを使って作業するのではなく、Django/HTML/jQueryについて具体的に教えてください。私が読むべきチュートリアルはありますか?私が見つけたすべてのチュートリアルは、Djangoデータモデルからフォームを構築する非常に基本的なチュートリアルです。Django、jQuery、Googleアプリケーションエンジンのオートコンプリート

ありがとう!

答えて

1

ホイールの再発明を避けるために、これを使用できます。私はForeignKeyの関係whithin自動補完のためにそれを使用する:あなたは非常に簡単にjQueryUIの一部であるAutocompleteウィジェットを使用して、クライアント側でこれを達成することができます

django-smart-selects

0

: は、だからあなたの場合には、あなたのような何かをするだろう。しかし、質問には具体的にはサーバ側でgoogle-app-engineが必要です。

サーバーサイドのGAEコンポーネントを実装するには、正規表現(または少なくとも一部の流通しているダウンバリアント)で文字列を検索する必要があります。 GAEは現在、データストアにこのような機能を提供していません。文字列は、等価性のみを検索可能です。つまり、 'apple'と 'orange'を含む大きなデータストアがある場合、 'app'または 'ora'を自動補完することはできません。

グーグルがこのような機能を追加するという騒ぎがありましたが、私はすぐにそれに数えません。したがって、大規模なデータセットに対してオートコンプリートを行う場合、GAEはまだ機能しません。

(もちろん、GAEの上に独自のインデックスシステムを構築することもできますが、それは疑問です)

2

Tomlogのコードは、クライアント上で動作します車輪の再発明をしない上記に同意好む

<input id="restaurantSearch" /> 

<script> 
$(document.ready(function() { 
    $('#restaurantSearch').autocomplete({ 
     source: function(req, add){ 
      $.getJSON('http://api.yelp.com/v2/search?term=?', req, function(data) { 

      var restaurantSuggestions = []; 

      $.each(data.businesses, function(i, business){ 
      restaurantSuggestions.push(business.name); 
      }); 

      add(restaurantSuggestions); 
     }) 
}); 
</script> 
関連する問題