質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

797閲覧

Djangoのテンプレートタグで表示する辞書をドロップダウンリストに基づいて動的にソートさせたい。

b40ult

総合スコア1

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2022/01/03 05:08

前提・実現したいこと

ドロップダウンリストで選択されたValueを元に、for展開している要素をソートしたいです。

例えば、下記ソースコードではデフォルトでvalue='active'が選択されています。
value="uptime"が選択されたときには、
{% for j in json |dictsort:'uptime' %}となるように、変化させたいのですが、可能でしょうか?

その下は、展開しているjsonのサンプルです、よろしくお願い致します。

該当のソースコード

html

1<select> 2 <option value="active" selected>視聴者(降順)</option> 3 <option value="active_reverse">視聴者(昇順)</option> 4 <option value="uptime">配信開始(降順)</option> 5 <option value="uptime_reverse">配信開始(昇順)</option> 6</select> 7 8{% for j in json |dictsort:'active' %} 9<div class="stream-info"> 10 <p class="title">{{t.title}}</p> 11 <p class="name">{{t.name}}</p> 12 <p class="game_name">{{t.playing}}</p> 13 <p class="uptime">{{t.uptime}}</p> 14 <p class="active">{{t.active}}</p> 15</div><!--stream-info--> 16 17{% endfor %}

json

1[ 2 { 3 "title": "【VALORANT】昨日20時間くらい寝てた気がするなあ【ぶいすぽっ!/紫宮るな】", 4 "name": "紫宮るな /shinomiya runa", 5 "videoid": "MROCOlwLyY4", 6 "active": 604, 7 "thumbnail": "https://i.ytimg.com/vi/MROCOlwLyY4/hqdefault_live.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLA5j8YiFJvKTWvv561eSj98k22gwQ", 8 "profile": "https://yt3.ggpht.com/eJhZ0sB-mV5KrhaSWofDkI7C0Ctb-fGvGmVMf8x3-mn-0yDdyjEJpPW-uhZOWAiW9bMoVW8PFg=s88-c-k-c0x00ffffff-no-rj", 9 "uptime": 5 10 }, 11 { 12 "title": "【#みっころね24】新春!!爆笑!!みっころね24時間ぶっ通し生放送2022????【後半】", 13 "name": "Miko Ch. さくらみこ", 14 "videoid": "LZnGyMFJe0I", 15 "active": 22906, 16 "thumbnail": "https://i.ytimg.com/vi/LZnGyMFJe0I/hqdefault_live.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBIIEmF42ZccWpFro4GkDWi8RGcHg", 17 "profile": "https://yt3.ggpht.com/ytc/AKedOLQlZnbXr-RooUQezemDKu7alJrZcEMy8_5P07ILug=s88-c-k-c0x00ffffff-no-rj", 18 "uptime": 6 19 } 20]

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問