将 Viewbag 变量从主题设置传递给组件

Question

在 Octobercms 主题设置中，我使用 yaml 文件：

product_count:
    label: Number
    type: number
    span: left
    tab: Index
    default: 3

在 index.htm 页面上，我使用了组件的部分 featuredProducts，别名为 featuredProducts

在组件featuredProducts viewBag 我使用这个变量：

perPage = "{{ product_count }}"

我尝试将变量 product_count 从主题设置 yaml 文件传递​​到组件 viewBag 但没有成功。关于如何做到这一点的任何想法？

Answer 1

您需要使用组件的property 功能，它是onRender() 方法。

页面的标记部分

{% component 'featuredProducts' perPage=this.theme.product_count %}

组件的onRender() 方法：确保使用onRender() 方法，因为那里可以使用道具。

public function onRender() {
    // with default value of 3, if theme value is not already set
    $perPage = $this->property('perPage', 3); 

    // now use $perPage to fetch records
    $this->page['items'] = SomeModel::limit($perPage)->get();

    // items will be available in markup for use
}

如有任何疑问，请发表评论。