2010-12-13 5 views
0

저는 장고와 jQuery를 처음 사용 합니다만, 나는 많은 파이썬 경험을 가지고 있습니다. 기본적으로 하나의 입력란에 HTML 양식을 작성하려고합니다. 입력 할 때 자동 완료 옵션이 표시됩니다. 이것은 레스토랑을 찾는 데 사용될 것이고 나는 그 것을 위해 Yelp API를 사용할 생각이다. 누군가가이 작업을 수행하는 방법에 대한 자습서의 방향으로 나를 지적 해 주시겠습니까? 특히 옐프 API를 사용하는 방법보다는 장고/HTML/jQuery를 사용하는 것이 좋습니다. 내가 읽어야 할 튜토리얼이 있습니까? 내가 찾은 모든 튜토리얼은 Django 데이터 모델에서 폼을 만드는 매우 기본적인 것들이다.Django, jQuery 및 Google 앱 엔진으로 자동 완성

고마워!

답변

1

바퀴를 다시 발명하는 것을 피하기 위해 사용할 수있는 기능입니다. 나는 외래 키 관계 이내에서 자동 완성을 위해 그것을 사용 : 당신은 아주 쉽게 jQueryUI의 일부입니다 Autocomplete 위젯을 사용하여 클라이언트 측에서이 작업을 수행 할 수

django-smart-selects

0

: 그래서 귀하의 경우에 당신이 뭔가를 할 것입니다. 그러나 문제는 특별히 서버 측에서 google-app-engine을 필요로합니다.

서버 측 GAE 구성 요소를 구현하려면 정규 표현식 (또는 적어도 일부 물결 무늬가있는 변형)으로 문자열을 검색해야합니다. GAE는 현재 데이터 저장소에 이와 같은 기능을 제공하지 않습니다. 문자열은 동등 함 만 검색 할 수 있습니다. 즉, '사과'와 '오렌지'가 포함 된 큰 데이터 저장소가있는 경우 '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>