0

ソース フィールドと宛先フィールドを使用するモデルがあり、これらは通常、フロントエンド テンプレートから取り込まれます。テンプレートには、Google マップのオートコンプリート API に関連付けられた 2 つのフォーム フィールドがあります。しかし、管理パネルから新しいオブジェクトを作成したい場合、オートコンプリート API を追加フォームのソースおよび宛先フィールドと統合するにはどうすればよいですか?

4

2 に答える 2

2

django admin で https://github.com/ubilabs/geocomplete/のようなものを簡単に使用できます—</p>

変更フォーム テンプレートをオーバーライドして、必要な js を含めます。

{% load staticfiles %}
{% block extrahead %}{{ block.super }}
    <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.4/jquery.geocomplete.min.js"></script>

    <script src="{% static 'path/to/your/js/geocomplete.js' %}"></script>

{% endblock %}

独自の js ファイルで:

$("#address_input").geocomplete();

ライブラリを使用してフォームに入力する方法については、こちらのドキュメントを参照してください。

https://github.com/ubilabs/geocomplete/#populate-form-data

于 2015-03-09T14:48:02.957 に答える