2010-02-03 2 views
1

장고 템플릿에서 태그 자동 완성을 사용하는 방법을 알려줄 수 있습니까?jquery autocomplete tagging

나는 장고 관리 인터페이스에서이 작업을 수행했지만 템플릿에서 작업을 수행하는 방법에 혼란스러워합니다. 사전

+0

2012 년 2 월의 새로운 해결책이 있습니다. http://nemesisdesign.net/blog/coding/django-tagging-autocomplete-tag-it-jquery-ui/ –

답변

1

이 내가 기준을 장착 모든 항목의 텍스트 목록을 반환 search_stuff

$(document).ready(function() { 

    $("#searchbox").autocomplete('/search_stuff/', { 
     width: 300, 
     multiple: false, 
     matchContains: true, 
     delay: 900, 
     extraParams: { 
       s: function() { return $("#status").val(); } 
     } 
}); 

자동 완성

을 구현 템플릿 출신의

감사합니다. 그게 도움이 되니? 내 템플릿에서

+0

나는 모든 자바 스크립트와 CSS를 모른다. 제대로 가져 왔습니다. 그러나 여전히 작동하지 않았습니다 .... 어떤 사람이 새로운 것을 제안 할 수 있습니까? –

2

내가이 코드를 가지고 :

$(document).ready(function(){ 
    $("#tags1").autocomplete("/taglookup/", { 
     width: 320, 
     multiple: true, 
     multipleSeparator: " " 
     }); 
    } 

을 내 url.py에 내가 urlparttern 튜플에 이것을 가지고, 당신이 당신에게 전망 및 URL를 연결하는 방법에 따라 아무것도 될 수 있습니다! 내가 위의 코드에서 태그 개체가 그 이유는의 Tagging 패키지를 사용하고 있습니까 :

def tag_lookup(request): 
    # Default return list 
    results = [] 
    if request.method == "GET": 
     if request.GET.has_key(u'q'): 
      value = request.GET[u'q'] 
      # Ignore queries shorter than length 2 
      if len(value) > 2: 
       TI = Tag.objects.filter(name__startswith=value.lower()) 
       results = [ x.name for x in TI] 
    return HttpResponse('\n'.join(results), mimetype='text/plain') 

PS :

(r'^taglookup/$', 'twine.twineapp.views.tag_lookup') 

내 views.py에

내가이 tag_lookup보기로 구현해야합니다.

+0

+1. 그러나 수천 개의 태그를 사용하면 느려질 수 있습니다. 왜냐하면'tag_lookup '을 호출 할 때마다 목록을 생성하기 때문입니다. – Markon

2

my django-tagging-autocomplete reusable app을 사용하고 제공된 TagAutocomplete 양식 위젯을 이용할 수 있습니다. "위젯 사용하기"에서 위젯 in the documentation을 사용하는 방법에 대해 더 자세히 알 수 있습니다.

태그에 장고 태그를 사용해야합니다. 템플릿의 <head> 섹션에 {{ form.media }} (여기서 "form"은 양식의 이름 임)을 입력해야 위젯이 해당 JavaScript 파일을 포함 할 수 있습니다.

+0

하지만 여전히 작동하지 않습니다. 모든 CSS와 자바 스크립트를 가져옵니다. –

+0

"모든 CSS와 자바 스크립트를 가져옵니다"... 그래서 소스를 보면'jquery.autocomplete.js'가 포함되어 있습니다. 헤더가 있고, ''코드 옆에 자바 스크립트 코드 스 니펫이 있습니까? 그것은 작동해야합니다. 또한 AJAX를 통해 태그 목록을 검색하는 데 사용되는 URL에 액세스 할 수 있는지 확인하십시오. 그게 도움이되지 않는다면, 예를 들어 URL을 알려주시겠습니까? –

+0

이것은 매우 중요한 정보이지만 의사는 그것을 언급하지 않습니다 :(thanks @ Ludwik Trammer – soField