jQueryUI 부분 : 핸들
$("#id_of_your_input").keypress(function(){
$(this).autocomplete({
source: $(this).data('url'), ## or hard code it: source: '/api/...'
minLength: 2,
delay:300,
select: function(event, ui) {
$('#id_of_your_drop_down').val(ui.item.value);
}
});
});
뷰 귀하의 $(this).data('url')
:
난 당신이 모델의
r.name
이 가정
import json
NUMBER_OF_RESULTS = 5
def view_for_your_api(request):
if not request.is_ajax():
return HttpResponse('false')
results = model.objects.all()[:NUMBER_OF_RESULTS]
data = json.dumps([{'label': r.name, 'value': r.name} for r in results])
return HttpResponse(data, 'application/json')
. 귀하의 필드 또는 귀하의 neccessities로 대체
당신은 그것에 jQuery 자동 완성과 함께, Django에 대한 Ajax 요청을 할 수 있습니다 : http://jqueryui.com/autocomplete/ –
꽤 보인다. 항목 목록을 삽입하는 방법은 무엇입니까? 성공한 Ajax 응답에서 java javascript erlang – oranj33
처럼 검색된 요소의 JSON 목록을 갖게된다. 예를 들어 jQuery와 함께 Inserrt을 사용하면 –