djangoのテンプレートの変数をプルダウンで切り替えたい

djangoのバージョン：3.1.7
pythonのバージョン：3.8.5

以下は，models.pyのPostテーブルに記録されている投稿をindex.htmlに全て表示するためのviews.pyです．

(views.py)
def Index(request):
    post_list_desc = Post.objects.all().order_by('-created_at') #作成日が新しい順で表示する
    post_list_asc = Post.objects.all().order_by('created_at') #作成日が古い順で表示する
    context = {
        'post_list_desc': post_list_desc,
        'post_list_asc': post_list_asc,

    }
    return render(request, 'myapp/index.html', context)

テンプレートのindex.htmlに表示方法を昇順または降順に切り替える(変数を切り替える)ためのプルダウンを設けて，切り替えられるようにしたいのですが，

(index.html)
{% for item in post_list_desc %}

または

(index.html)
{% for item in post_list_asc %}

とするのではなく

(index.html)
{% for item in 変数 %} #条件に応じて変数をpost_list_descまたはpost_list_ascに切り替えられるようにする

のようにして，プルダウンで昇順・降順を切り替える(変数を切り替える)方法が思いつかないので，お分かりの方はお教えいただければ助かります．

試しにhttps://hodalog.com/how-to-set-a-value-of-a-variable-inside-a-template-code/を参考に

(index.html)
<div class="row">

    <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
        aria-haspopup="true" aria-expanded="false">並替</a>
    <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
        <form action='' method='POST'>
        {% csrf_token %}
            <input type='submit' {% with ordering = post_list_asc %}{% endwith %}>{{ ordering }}</p>
            <input type='submit' {% with ordering = post_list_desc %}{% endwith %}>{{ ordering }}</p>
        </form>
    </div>

    <!-- Card deck -->
    <div class="card-deck">
        {% for item in ordering %}
        (以下省略)

としてみたら，
TemplateSyntaxError at /
'with' expected at least one variable assignment
というエラーが出てきており，詰まっています．

(追加)
以下の通りにしてみたのですが，並び順が変わりませんでした．

(index.html)
<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
    aria-haspopup="true" aria-expanded="false">並替</a>
<div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
    <form action='' method='POST'>
    {% csrf_token %}
        <input type='submit' name='asc'>昇順</p>
        <input type='submit' name='desc'>降順</p>
    </form>
</div>

(views.py)
def Index(request):
    post_list_asc = Post.objects.all()
    post_list_desc = Post.objects.all().reverse()

    if request.POST.get('name')=='asc':
        post_list = post_list_asc
        context = {
        'post_list': post_list,
        }
        return render(request, 'myapp/index.html', context)
    else:
        post_list = post_list_desc
        context = {
        'post_list': post_list,
        }
        return render(request, 'myapp/index.html', context)

siruku6

2021/05/22 13:06 編集

プルダウンの選択内容が切り替わった時点で、画面を再読み込みしなおすのが良いと思います。プルダウンの選択結果に応じて、viewファイル内でソート順を切り替えた値を変数に入れてあげる、ということです。 template側で条件分岐させるのはあまり良くないかと思います。ただ、ajaxなどを使えば再読み込みが不要なもう少しスムーズな処理が書ける可能性はあります。そのためには、新たにかなり学習必要があるかと思いますが....

bauchan

2021/05/23 02:50

ありがとうございます．「プルダウンの選択結果に応じて、viewファイル内でソート順を切り替えた値を変数に入れてあげる」ということですが，プルダウンの内容をどうしたらよいか，未だに結論が見えていない状況でして，もし何かご存じでしたらよろしくお願いいたします．

行動規範の内容に同意します

回答3件

自己解決

index.htmlにname属性, value属性を設定し，views.pyで「if request.POST.get('name属性の値')=='value属性の値': 」というようにすればOKです．ご回答いただいた方々，ありがとうございました．

<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
    aria-haspopup="true" aria-expanded="false">並替</a>
<div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
    <form action='' method='POST'>
    {% csrf_token %}
        <input type='submit' class="btn btn-success" name='order' value='降順'></p>
        <input type='submit' class="btn btn-success" name='order' value='昇順'></p>
    </form>
</div>

def Index(request):
    if request.POST.get('order')=='昇順':
        post_list = Post.objects.all().order_by('-created_at')
    else:
        post_list = Post.objects.all().order_by('created_at')


    context = {
        'post_list': post_list,
    }
    
    return render(request, 'myapp/index.html', context)

投稿2021/05/28 12:47

bauchan

総合スコア0

<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"
    aria-haspopup="true" aria-expanded="false">並替</a>
<div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink">
    <form action='' method='POST'>
    {% csrf_token %}
        <input type='submit' class="btn btn-success" name='order' value='降順'></p>
        <input type='submit' class="btn btn-success" name='order' value='昇順'></p>
    </form>
</div>

def Index(request):
    if request.POST.get('order')=='昇順':
        post_list = Post.objects.all().order_by('-created_at')
    else:
        post_list = Post.objects.all().order_by('created_at')


    context = {
        'post_list': post_list,
    }
    
    return render(request, 'myapp/index.html', context)

投稿2021/05/28 12:23

編集2021/05/28 12:52

bauchan

総合スコア0

siruku6氏の書き込みをコードにするとこういうことかと思います。

フォームで0=新しい順、1=古い順として、viewで受け取ったpostの値で分岐します。

Python
1# view.py
2	if request.method == "POST":
3           # POST処理
4		if request.POST['order']==0:
5            post_list = Post.objects.all().order_by('-created_at') #作成日が新しい順で表示する
6        else:
7            post_list = Post.objects.all().order_by('created_at') #作成日が古い順で表示する
8
9    else:
10        # GET処理
11　　　　pass
12
13    context = {
14        'post_list': post_list
15    }
16    return render(request, 'myapp/index.html', context)
17

投稿2021/05/23 05:16

tatamyiwathy

総合スコア1045

bauchan

2021/05/24 03:33

tatamyiwathyさまご回答ありがとうございます。 tatamyiwathyさまのお陰で解決できそうです。また以下のようなページをみつけました。「https://qiita.com/nab/items/e32cde1643a010dfacb9」の「HTTPリクエストからフォームの入力値を取り出す」に「値の取得はrequest.POST['フォームのID']でOK。」と書かれていたので、後で試してみます。ありがとうございます。

bauchan

2021/05/24 12:15

すみません．試してみたのですが，うまくいきませんでした(試した内容は本文に記載しております)．また何か思いついたらやってみます．

行動規範の内容に同意します

あなたの回答