Sulu：如何实现带有智能内容的"load more"按钮？

Question

所以我这样定义我的字段：

    <property name="news" type="smart_content">
        <!-- @see https://docs.sulu.io/en/2.2/reference/content-types/smart_content.html -->
        <meta>
            <title lang="en">News</title>
            <title lang="de">Nachrichten</title>
        </meta>

        <params>
            <param name="provider" value="articles"/>
            <param name="types" value="news"/>
        </params>
    </property>

我的树枝模板看起来像：

<div>
    {% for article in news %}
        <a href="{{ sulu_content_path(article.routePath) }}" >
            <h2>
                {{ article.excerpt.title|default(article.title) }}
            </h2>
        </a>
    {% endfor %}
</div>

它抓取“新闻”类型的文章，效果很好。现在我需要实现“加载更多”类型的寻呼机。所以我应该在开始时显示，即 5 篇最新文章，并向它们发出“加载更多”按钮，单击时应加载另外 5 篇文章，并在单击另外 5 篇文章时再次加载，依此类推，直到有可用的新闻文章。我在 sulu 文档中没有看到任何地方提到“加载更多”功能。

实现此目标的最佳方法是什么？

Answer 1

我刚才创建了一个 github 要点，确切地展示了它是如何工作的。参见 https://gist.github.com/luca-rath/d16c0ad74fa06da49fed22404a53398b

Sulu：如何实现带有智能内容的"load more"按钮？

Sulu: how to implement "load more" button with smart content?

scroll

sulu