使用 "shinyjs" 包控制 shiny dashboard 菜单项的 visible/invisible

Question

我可以友好地问一个关于“shinyjs”包的问题吗？

我构建了一个闪亮的仪表板，我想使用“shinyjs”设置一个函数来控制 visible/invisible 菜单项。

我设计的第一个菜单item/page是为了select这个仪表盘的数据。在用户 select 编辑了他们想要的数据后，我不希望他们回去更改他们的 selection。所以我想设计一个按钮，如果用户点击这个按钮，第一个菜单项会消失，但菜单项的其余部分会出现。

我相信这是可能的，但我认为它需要一些 Javascript 知识来编码。

这就像这个问题的答案，但我只是切换菜单项的 visible/invisible。

感谢任何回复！

谢谢！

乔安娜

Answer 1

我通过为我想要 hide/show.

的项目添加标签$div() 解决了这个问题

ui:

hidden(tags$div(
  class = "header",
  id = "haha",
  menuItem(
    tags$em("DIY Pivot Table", style = "font-size:170%"),
    icon = icon("bar-chart-o"),
    tabName = "Pivot"
  ),
  br(),
  menuItem(
    tags$em("Search Data", style = "font-size:170%"),
    icon = icon("bar-chart-o"),
    tabName = "searchdata"
  )
))

服务器：

observeEvent(input$showSidebar, {
shinyjs::toggle("haha")

})

所以这样，你就可以使用input$showSidebar来控制visible/invisible个菜单项了。

使用 "shinyjs" 包控制 shiny dashboard 菜单项的 visible/invisible

Control visible/invisible of the menu items of shiny dashboard using "shinyjs" package

dashboard

r

menuitem

shiny

shinyjs