Djangoにおけるtemplateでの変数参照時に、forloop.counterを使いたい

Question

■Viewで以下のように定義しております。

    hoge ={
        'fir':["1","2"],
        'sec':[["1111","1112"],["2111","2112"]],
        'third': [[['1111-1','1111-2'],['1112-1','1112-2']], [['2111-1','2111-2'], ['2112-1','2112-2']]]
    }

template側で現在は、下記のように記述しております。

{% for i in fir %}
    <h1>{{i}}</h1>
    <p>{{ sec.forloop.counter }}</p>
{% endfor %}

出力したいイメージは、以下のようなイメージです。

<h1>1</h1>
<h2>1111</h2>
<h3>1111-1</h3>
<h3>1111-2</h3>
<h2>1112</h2>
<h3>1112-1</h3>
<h3>1112-2</h3>
<h1>2</h1>
<h2>2111</h2>
<h3>2111-1</h3>
<h3>2111-2</h3>
<h2>2112</h2>
<h3>2112-1</h3>
<h3>2112-2</h3>

最終的なイメージは以下のように表示點せてたいです。

Viewでの変数の設定方法がおかしいのか、Template側でのループの方法がおかしいのか、どのように実現したら良いのか分からない状態です。

どなたかご教授いただけますでしょうか？

ご確認よろしくお願い致します。

Comments

[azuapricot]

i.sec でsecの中身取れませんか？
あーそう簡単にはいかないんですねーなるほど

[Test_ks]

出力したいイメージを実現できれば良いのですが、Viewで別の形で値を取って来る方が簡単でしょうか？

例えば、hoge = [1,[1111,1112],[[1111-1,1111-2],[1111-1,1111-2]],[2,[2111,2112],[[2111-1,2111-2],[2111-1,2111-2]]]と定義するほうが簡単でしょうか？

Answer 1

解説したくない、保守なんて絶対にしたくない、というようなテンプレートになってしまったのでデータ構造を見直すべきです。

{% for f in fir %}
    {% with fir_index=forloop.counter %}
        <h1>{{ f }}</h1>
        {% for s in sec %}
            {% with sec_index=forloop.counter %}
                {% if fir_index == sec_index %}
                    {% for s_item in s %}
                        {% with s_inner_index=forloop.counter %}
                            <h2>{{ s_item }}</h2>
                            {% for t in third %}
                                {% with third_index=forloop.counter %}
                                    {% if fir_index == third_index %}
                                        {% for t_inner in t %}
                                            {% with t_inner_index=forloop.counter %}
                                                {% if s_inner_index == t_inner_index %}
                                                    {% for t_item in t_inner %}
                                                        <h3>{{ t_item }}</h3>
                                                    {% endfor %}
                                                {% endif %}
                                            {% endwith %}
                                        {% endfor %}
                                    {% endif %}
                                {% endwith %}
                            {% endfor %}
                        {% endwith %}
                    {% endfor %}
                {% endif %}
            {% endwith %}
        {% endfor %}
    {% endwith %}
{% endfor %}

結果(spaceless)

<h1>1</h1><h2>1111</h2><h3>1111-1</h3><h3>1111-2</h3><h2>1112</h2><h3>1112-1</h3><h3>1112-2</h3><h1>2</h1><h2>2111</h2><h3>2111-1</h3><h3>2111-2</h3><h2>2112</h2><h3>2112-1</h3><h3>2112-2</h3>

---

追記
https://stackoverflow.com/questions/2415865/iterating-through-two-lists-in-django-templates#answer-14857664
にあるzipフィルタを使って

{% for fs, t in fir|zip:sec|zip:third %}
    <h1>{{ fs.0 }}</h1>
    {% for st in fs.1|zip:t %}
        <h2>{{ st.0 }}</h2>
        {% for t in st.1 %}
            <h3>{{ t }}</h3>
        {% endfor %}
    {% endfor %}
{% endfor %}

と短く書けましたが、これも解説したくない、強く保守したくない、と思ってしまったので、やはりデータ構造を見直すべきです。

---

追記

@register.filter(name='get')
def get_attr(a, b):
    return a[b]

というカスタムフィルタを定義すると

{% for f in fir %}
    {% with fir_index=forloop.counter0 %}
        <h1>{{ f }}</h1>
        {% for s in sec|get:fir_index %}
            {% with sec_index=forloop.counter0 %}
                <h2>{{ s }}</h2>
                {% for t in third|get:fir_index|get:sec_index %}
                    <h3>{{ t }}</h3>
                {% endfor %}
            {% endwith %}
        {% endfor %}
    {% endwith %}
{% endfor %}

となりました。これなら後から理解できそう。

---

質問に書いてあるような、無味乾燥で意味を含まないデータからは判断できない、というのが正直なところです。

単純には

    hoge = {
        'arr': [
            [
                "1",
                [
                    ["1111", ['1111-1', '1111-2']],
                    ["1112", ['1112-1', '1112-2']]
                ]
            ],
            [
                "2",
                [
                    ["2111", ['2111-1', '2111-2']],
                    ["2112", ['2112-1', '2112-2']]
                ]
            ]
        ],
    }

となっていれば

{% for f, st in arr %}
    <h1>{{ f }}</h1>
    {% for s, t in st %}
        <h2>{{ s }}</h2>
        {% for t_item in t %}
            <h3>{{ t_item }}</h3>
        {% endfor %}
    {% endfor %}
{% endfor %}

と書けるでしょうし、

    hoge = {
        'dic': {
            "1":
                {
                    "1111": ['1111-1', '1111-2'],
                    "1112": ['1112-1', '1112-2'],
                },
            "2":
                {
                    "2111": ['2111-1', '2111-2'],
                    "2112": ['2112-1', '2112-2'],
                }
        }
    }

となっていれば

{% for f, st in dic.items %}
    <h1>{{ f }}</h1>
    {% for s, t in st.items %}
        <h2>{{ s }}</h2>
        {% for t_item in t %}
            <h3>{{ t_item }}</h3>
        {% endfor %}
    {% endfor %}
{% endfor %}

と書けるでしょう。

後者で、辞書のキーになる部分に重複があり得るならこのようには書けないです。また、古いPythonを考慮するならOrderedDictを使うべきです。

テンプレート側の書きやすさと見やすさ、Pythonコード側の書きやすさと見やすさのバランスを取っていく必要があるので、表示しようとしているデータの中身がどう作られるのかも明らかでないと判断しにくいですね。

Comments

[Test_ks]

ありがとうございます！
どのようなデータ構造が望ましいと思いますでしょうか？

[Test_ks]

ありがとうございます。
最終イメージを追記してみました。

最終イメージにするために、テンプレート側で、ループの初回だけ、
<td> へrowspanを設定する必要があるので、そこが少し大変ですかね、、、

Answer 2

動作確認してないですけどこんな感じでできませんかね

{% for count in hoge.fir %}
{% with forloop.counter as outer_counter %}
    <h1>{{count}}</h1>

    {% for seccount in hoge.sec.outer_counter  %}
    {% with forloop.counter as inner_counter %}
        <p>{{ seccount }}</p>

        {% for thirdcount in hoge.third.outer_counter.innner_counter %}
            <p>{{ thirdcount }}</p>
        {% endfor %}
    {% endwith %}
    {% endfor %}
{% endwith %}
{% endfor %}

Comments

[Test_ks]

ご確認ありがとうございます。

下記の部分のみ有効で、それ以外は表示されません。。。
<h1>{{count}}</h1>