roomle - 从外部页面写入 Roomle 参数

Question

我想从网页外部更改内部 Roomle 参数。我在 roomle 中有 3 个图标菜单，Roomle 所在的网页有用户登录，所以根据谁登录我想隐藏某些 Roomle 图标菜单，例如，如果 Person1 已登录我想设置内部 Roomle allowSplinta==true、allowCB==true、allowTB==true 的参数，但如果 Person2 已登录，我想设置 allowSplinta==false、allowCB==true、allowTB==false，因此 Person2 只会看到 1 个图标菜单。

我从文档中看到这似乎是可能的，但不确定如何实现它，roomle 站点上有一个部分“配置器 iFrame 之外的参数实现”

Answer 1

如您所述，docs 中有一个部分这解释了这一点。

基本上，您必须确保配置已加载(等待 loadObject)，然后使用您的配置器实例获取所有参数:

const params = await configurator.extended.getParametersOfRootComponent();

如果你知道你想要哪个参数，你可以在 params 数组中搜索它:

const viewParam = params.find(({key}) => key === 'door');

此参数的所有有效值然后存储在 validValues (viewParam.validValues) 中。

然后您可以使用 setParameterOfRootComponent 设置所需的值:

configurator.extended.setParameterOfRootComponent(viewParam, value)

我创建了一个 CodeSandbox您可以在其中查看完整示例。