Django forms.FormウィジェットとJquery UIオートコンプリート

Question

Jquery UIのオートコンプリートを統合しようとしていますが、私は運がないです。私はdatepickerを実装するのに成功しているので、私は同じアプローチを使用することに決めました。

form.py

{% extends 'website/header.html' %} 
{% block content %} 
    <p><b>Submit Job</b></p> 
    <form action="{% url 'job' %}" method="post">{% csrf_token %} 
     <script> 
      $(document).ready(function() { 
       $('.datepicker').datepicker(); 
      }); 
     </script> 
     <script> 
      $(function() { 
      var availableTags = [ 
       "ActionScript", 
       "AppleScript", 
       "Asp", 
       "BASIC", 
       "C", 
       "C++", 
       "Clojure", 
       "COBOL", 
       "ColdFusion", 
      ]; 
      $("#material_id").autocomplete({ 
       source: availableTags 
      }); 
      }); 
     </script> 
     <p>{{ message }}</p> 
     <b>Select Asset to transcode</b> 
     {{form.as_p}} 
     <p> 
      <input type="submit" name="submit" /> 
     </p> 
    </form> 
{% endblock %} 

目標は、それはデフォルト値で作業を取得することです

from django import forms 
from asset_db.models import Profiles 


class SubmitJob(forms.Form): 

    material_id = forms.CharField(max_length=8, widget=forms.TextInput(attrs={'class': 'autocomplete'})) 
    workflow = forms.ModelChoiceField(queryset=Profiles.objects.distinct('name'), to_field_name='name') 
    start_datepicker = forms.CharField(max_length=12, widget=forms.DateInput(attrs={'class': 'datepicker'})) 
    end_datepicker = forms.CharField(max_length=12, widget=forms.DateInput(attrs={'class': 'datepicker'})) 

submit.html、その後、私は彼らは、モデル内のデータに変更されます。なぜそれが機能していないのか？

Answer 1

テンプレートが生成するソースコードを見てわかりました。

私は変更しなければならなかった：これはform.py内の変数名に "ID_" を追加{{form.as_p}}によるものである

$("#material_id").autocomplete({ 
    source: availableTags 
}); 

を

$("#id_material_id").autocomplete({ 
    source: availableTags 
}); 

に。