Question

如何在carousel_block.html模板中呈现标题，文本和图像。我无法访问这些。这是我的代码。

我的自定义阻止

class CarouselBlock(blocks.StreamBlock):
    carousel_items = blocks.StructBlock([
        ('heading', blocks.CharBlock(label='Nadpis', max_length=128)),
        ('text', blocks.CharBlock(label='Text')),
        ('image', ImageChooserBlock(label='Obrázek')),
    ])

    class Meta:
        template = 'cms/blocks/carousel_block.html'

这是我的html模板，我要在其中渲染标题，文本和图像

<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
    {% for carousel_items in self.carousel_items %}
        {% image carousel_items.value.image max-1920x1080 as image_1920 %}
        <div class="carousel-item {% if forloop.first %}active{% endif %} ">
            <section class="banner-area" id="home" style="background-image: url({{ image_1920.url }})">
                <div class="container">
                    <div class="row justify-content-start align-items-center">
                        <div class="col-lg-6 col-md-12 banner-left">
                            <h1 class="text-white">
                                {{ carousel_items.value.heading }}
                            </h1>
                            <p class="mx-auto text-white  mt-20 mb-40">
                                {{ carousel_items.value.text }}
                            </p>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    {% endfor %}

        <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

Answer 1

行

{% for carousel_items in self.carousel_items %}

应为：

{% for carousel_items in self %}

（尽管我建议调用变量carousel_item而不是carousel_items，因为它引用流中的单个项目。）

在cms/blocks/carousel_block.html模板中，self指的是StreamBlock值-这是一个类似于列表的对象，而不是字典，因此它没有carousel_items属性。遍历它时，您将获得一系列带有block_type（在您的情况下始终为'carousel_items'的块对象，因为这里只有一种可用的块类型）和{{ 1}}。

如何将StreamBlock内部的StructBlock渲染为模板？

1 个答案: