在Wagtail Streamfield项中循环

Question

我正在尝试创建一个索引页，其中包含指向Wagtail中多个照片库的链接。GalleryIndexPage模型如下所示：

class GalleryIndexPage(Page):
  subpage_types = ['home.GalleryPage']

  gallery_thumb = StreamField ([
      ('cover_photo', ImageChooserBlock()),
      ('title', blocks.CharBlock()),
      ('link', URLBlock()),
  ])

  content_panels = Page.content_panels + [
      StreamFieldPanel('gallery_thumb'),
  ]

我很难将它呈现到每个数据集周围都有一个“gallery item”类的模板中。我意识到它目前正在循环并向Streamfield内的每个块添加一个“gallery item”类，而不是围绕整个Streamfield集。以下是我的模板代码：

^{pr2}$

我还有别的办法吗？在

编辑： 我在StreamField中添加了一个StructBlock，如下所示：

class GalleryIndexPage(Page):
  subpage_types = ['home.GalleryPage']

  gallery = StreamField ([
      ('gallery_item', blocks.StructBlock([
          ('cover_photo', ImageChooserBlock()),
          ('title', blocks.CharBlock()),
          ('link', URLBlock()),
      ], icon='user'))
  ])

  content_panels = Page.content_panels + [
      StreamFieldPanel('gallery'),
  ]

我不确定如何访问模板中的这些值？以下是我目前所掌握的情况：

  <div class="photo-gallery">
    {% for block in self.gallery %}
    <div class="gallery-item">
      <div class="thumb">
        {% image self.cover_photo width-200 %}
      </div>
      <div class="title">
        <p>{{ self.title }}</p>
      </div>
      <div class="link">
        <a href="{{ self.link }}">>> View Gallery</a>
      </div>
    </div>
    {% endfor %}
  </div> 

Answer 1

我可以使用以下代码访问模板中StructBlock的值：

<div class="photo-gallery">
{% for block in self.gallery %}
<div class="gallery-item">
  <div class="thumb">
    {% image block.value.cover_photo fill-200x150 %}
  </div>
  <div class="title">
    <p>{{ block.value.title }}</p>
  </div>
  <div class="link">
    <a href="{{ block.value.link }}">>>View Gallery</a>
  </div>
</div>
{% endfor %}

非常感谢您的帮助！在

Answer 2

看起来你想要的是一个由图片、标题和链接组成的图库项目块。可以通过从更简单的块类型中创建自己的块类型来完成此操作。见http://docs.wagtail.io/en/v1.5.3/topics/streamfield.html#structural-block-types

你可以这样做：

('gallery_item', blocks.StructBlock([
    ('title', blocks.CharBlock()),
    ('link', blocks.URLBlock()),
    ('image', ImageChooserBlock()),
], icon='xyz'))

您也可以将其创建为一个Python类，这是我通常喜欢做的，这将在我链接到上面的部分的最后一部分中介绍。在

您可以为自己的块创建模板。在

在模板中，每个块有两个属性，value和{}。例如，可以使用{{ self.title.value }}访问{}。在

见http://docs.wagtail.io/en/v1.5.3/topics/streamfield.html#template-rendering