在 OctoberCMS 中使用关系渲染添加关系后如何更新后端表单？

Question

我有 2 个模型 Booking 和 Attendee 具有多对多关系

我还有一个 BookingAttendee 枢轴模型 - 所以我可以利用这些具有的 afterCreate 方法。

在我想要添加与会者的预订的后端表单中 - 我正在使用部分来呈现与 <?= $this->relationRender('attendees') ?> 的关系，并且一切正常。

每次添加或删除参与者时，我都希望在页面上更新预订的一些价格属性。

relationWidget 上是否有任何类型的方法在创建关系后发生，可以让我更新页面上的 div？

根据文档，我可以使用这 4 种方法在 RelationController 上进行扩展

relationExtendViewWidget()
relationExtendManageWidget()
relationExtendPivotWidget()
relationExtendRefreshResults()

问题是我不知道如何使用这些来更新页面上的内容。

Answer 1

您必须在关系渲染中添加一个具有唯一 ID 的 div。 例如：

<div id="delegates-relation">
    <?= $this->relationRender('delegates') ?>
</div>

然后在您的控制器中，您必须添加relationExtendRefreshResults($field) 方法并使用上面定义的 id 从关系渲染中返回您的新 html。

/**
 * Update fields after a relation has changed
 *
 * @param $field the relation field that has changed.
 * @return array|null
 */
public function relationExtendRefreshResults($field):? array
{
    if ($field !== 'yourField') { // here you can check which field was updated.
        return null;
    }

    return [
        '#delegates-relation'=> $this->relationRender('delegates'),
    ];
}