【问题标题】:Retool: Create sidebar to dynamically change a container window's componentsRetool:创建侧边栏以动态更改容器窗口的组件
【发布时间】:2020-06-12 00:23:33
【问题描述】:

我正在尝试创建一个带有几个按钮的侧边栏。我有一个容器,我想做的是单击侧边栏中的一个按钮,它将显示一个不同的选项卡式容器,该容器位于主容器组件中。例如,容器名为“main_window”,我想添加 3 个名为“foo”、“bar”、“fizz”的选项卡式容器。

我的想法是创建一个名为“window_selected”的[临时状态] (https://docs.retool.com/docs/temporary-state),并为每个窗口分配一个状态。换句话说:

{{state1.value}} == 1 then "foo"
{{state1.value}} == 2 then "bar"
{{state1.value}} == 3 then "fizz"

文档还提到了设置这些值运行 javascript 代码,但您实际在哪里运行该代码?例如,如果我想为页面的第一次加载设置一个构造函数,例如默认设置 state.setValue(value: 0),我在哪里运行?

在文档中还指出: 如果您刷新应用程序(使用 ⌘R),您的临时状态将丢失。如果您希望在应用刷新之间保持状态,您应该将结果写回数据库!

因此,我正在考虑使用 localstorage,因为我看到有一个 localstorage 部分,但文档中对 localstorage 的唯一引用是 here

在哪里设置本地存储的值?而且,有没有办法运行变压器或查询“onload”?

最终,我如何创建一个仪表板,其中页面在主窗口中动态变化,具体取决于我在侧边栏中突出显示的按钮。

【问题讨论】:

    标签: retool


    【解决方案1】:
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-04-24
    • 1970-01-01
    • 2020-07-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多