投稿を編集するためのDjangoのブートストラップモーダルビューを開く

Question

私は基本的なDjangoの開発を学んでおり、私が作成したいくつかの投稿で簡単なブログアプリを作成しています。私のホームページには、すべての投稿を繰り返して表示するこのコードが含まれています。

{% for post in all_posts %} 
    <div class="post-card"> 
     {{post.title}} 
     {{post.description}} 
     <a data-toggle="modal" data-target="#postEditModal"> 
     Edit Post 
     </a> 
    </div> 
{% endfor %} 

私はブートストラップデータ・ターゲット・メソッドにリンクし、私の目標がために、「編集後」のリンクをクリックすることができることです以下

<div id=#postEditModal class="modal fade" style="overflow: scroll;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    {{editpostform}} 
</div> 

を示し#postEditModalを持っています個々の投稿は投稿のためにスラッグにリダイレクトし、同じページの上にすべてを表示する必要があります。そこから私の{{editpostform}}を使って投稿を編集できるはずです。モーダルエリアの外側をクリックすると、同じページに戻ります。

私はpost.get_absolute_urlと{% url 'single_post' post.id %}のような多くのことを試しましたが、これまでのところ正しく動作していません。私はあるレベルのJavascript/AJAXが関わっていると仮定していますが、どこから始めるべきかわかりません。

Answer 1

複数のmodalsを同じidで作成していて、すべてのリンクが同じモーダルである（data-target）という点は一意ではありません。

簡単な解決策は、モーダルとリンクに投稿IDを追加することです。

<div id="#postEditModal{{ post.id }}" class="modal fade" style="overflow: scroll;" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    {{editpostform}} 
</div> 

をそして、このようなリンクを変更します：これを試してみてください

<a data-toggle="modal" data-target="#postEditModal{{ post.id }}">Edit Post</a>