单击按钮时 Shinydashboard 的 SidebarMenu 中的折叠（关闭）菜单

关键词：

【中文标题】单击按钮时 Shinydashboard 的 SidebarMenu 中的折叠（关闭）菜单【英文标题】：Collapse (close) Menu in SidebarMenu of Shinydashboard on button click 【发布时间】：2018-04-30 07:19:40 【问题描述】：

我正在使用与以下类似的应用程序。我的输入面板位于最初扩展的菜单下的侧边栏中。我想折叠菜单并隐藏所有输入面板，以便我的侧边栏干净。但它应该在我展开时​​出现（而不是永久隐藏）。我尝试了以下解决方案，但它不起作用。请帮助我找到解决方案或任何替代方法。

library(shiny)
library(shinydashboard)
library(shinyjs)

ui <- dashboardPage(
  header = dashboardHeader(),
  sidebar = dashboardSidebar(
    sidebarMenu(
      menuItem(
        startExpanded = TRUE,
        "Menu 1",
        column(
          width = 12,
          actionButton("hideMe", label = "Collapse Me", icon = icon("close"))
        )
      )
    )
  ),
  body = dashboardBody()
)
server <- function(input, output, server)
  observeEvent(input$hideMe, 
    shinyjs::hide(selector = "ul.menu-open");
  )


runApp(shinyApp(ui, server))

【问题讨论】：

【参考方案1】：

您需要将useShinyjs()添加到ui部分

library(shiny)
library(shinydashboard)
library(shinyjs)

ui <- dashboardPage(
        header = dashboardHeader(),
        sidebar = dashboardSidebar(
                useShinyjs(),
                sidebarMenu(
                        menuItem(
                                startExpanded = TRUE,
                                "Menu 1",
                                column(
                                        width = 12,
                                        actionButton("hideMe", label = "Collapse Me", icon = icon("close"))
                                )
                        )
                )
        ),
        body = dashboardBody()
)
server <- function(input, output, server)
        observeEvent(input$hideMe, 
                shinyjs::hide(selector = "ul.menu-open");
        )


runApp(shinyApp(ui, server))

【讨论】：

谢谢，诀窍是把useShinyjs() 放在ui 部分。

单击时禁用按钮

】单击时禁用按钮【英文标题】：DisableButtononclick【发布时间】：2012-04-0723:48:02【问题描述】：我是编程世界的新手，我的知识有限。如果我问任何错误，请原谅我。我的问题是。我正在创建一个具有开始和停止按钮的活动。当... 查看详情

单击提交按钮时如何传递单击按钮的值？

】单击提交按钮时如何传递单击按钮的值？【英文标题】：Howpassaclickedbutton\'svaluewhensubmitbuttonisclicked?【发布时间】：2019-07-2213:03:38【问题描述】：我有一个带有多个按钮和一个提交按钮的HTML表单。我正在尝试传递在单击提交按... 查看详情

使用shinydashboard和shinyjs在tabBox中启动时隐藏tabPanel

】使用shinydashboard和shinyjs在tabBox中启动时隐藏tabPanel【英文标题】：HiddentabPanelonstartupwithintabBoxusingshinydashboard&shinyjs【发布时间】：2021-06-1901:04:33【问题描述】：首先让我给你一些与我的问题相关的背景。我正在使用shiny、shiny... 查看详情

单击按钮时的音频播放问题

】单击按钮时的音频播放问题【英文标题】：Audioplayissueonbuttonclick【发布时间】：2016-03-1523:35:03【问题描述】：我正在与unity合作，但音频有问题。这是当用户单击按钮时，对象掉在地上并销毁的场景。单击按钮时播放物体掉落... 查看详情

单击按钮时附加新文本字段并通过单击 Laravel 4 中的按钮删除

】单击按钮时附加新文本字段并通过单击Laravel4中的按钮删除【英文标题】：AppendnewtextfieldwhileclickingabuttonandremovebyclickingbuttoninLaravel4【发布时间】：2015-01-2912:59:33【问题描述】：我有一个包含两个字段的表单，例如电话、电子邮... 查看详情

弹出模式中的闪亮模块化输入在关闭时不会被写入响应值 [flexdashboard/shinydashboard]

...的闪亮模块化输入在关闭时不会被写入响应值[flexdashboard/shinydashboard]【英文标题】：Shinymodularizedinputsinsidepop-upmodalaren\'tbeingwrittentoreactiveValueswhendismissed[flexdashboard/shinydashboard]【发布时间】：2019-02-0204:40:18【问题描述】：作为一个... 查看详情

单击div内的按钮时防止单击父级

】单击div内的按钮时防止单击父级【英文标题】：Preventonclickonparentwhenclickingbuttoninsidediv【发布时间】：2018-01-2320:00:31【问题描述】：点击div内的按钮时，是否可以阻止<div>元素上的函数运行？点击按钮元素时，函数：t... 查看详情

单击时如何更改按钮的颜色，并在下次单击时恢复为默认颜色？

】单击时如何更改按钮的颜色，并在下次单击时恢复为默认颜色？【英文标题】：Howtochangecolorofbuttonwhenbeingclick,andrevertbacktodefaultcolorinnextclick?【发布时间】：2017-09-0509:33:01【问题描述】：我的RecyclerView中有一个like按钮，我想要... 查看详情

如何在单击按钮时暂停读取文本文件并在 mfc vc++ 中的单击按钮时恢复它？

】如何在单击按钮时暂停读取文本文件并在mfcvc++中的单击按钮时恢复它？【英文标题】：HowtopausereadingatextfileatonclickofbuttonandresumeitwhenOnclickbuttoninmfcvc++?【发布时间】：2012-03-1408:22:24【问题描述】：如何在mfcvc++中的onclick按钮时暂... 查看详情

单击另一个按钮时更改按钮背景

】单击另一个按钮时更改按钮背景【英文标题】：Changeabuttonbackgroundonclickofanotherbutton【发布时间】：2017-08-0508:12:08【问题描述】：我使用此代码，以便当我单击一个按钮时，它的背景会变为带有白色边框的图片，而当我再次按下... 查看详情

单击收藏夹按钮时更新列表视图

】单击收藏夹按钮时更新列表视图【英文标题】：updatelistviewwhenclickfavoritesbutton【发布时间】：2015-07-3111:28:39【问题描述】：我想在单击ListViewAdapter类中的按钮btn时，更新我的sqlite并更改backgroundofbtn，当MainActivity启动并首先单击... 查看详情

单击按钮时不会触发表单验证

】单击按钮时不会触发表单验证【英文标题】：Nottriggerformvalidationonbuttonclick【发布时间】：2017-06-0622:27:02【问题描述】：我有一个由两个按钮组成的表单。它们都没有类型中的“提交”声明。我的问题是表单验证是在两个按钮... 查看详情

单击按钮时的列表视图

】单击按钮时的列表视图【英文标题】：Listviewonabuttonclick【发布时间】：2019-02-2720:27:30【问题描述】：我正在AndroidStudio上制作一个Android应用程序，其中有一组按钮。假设我有2个按钮，板球和足球。因此，当我单击Cricket时，它... 查看详情

单击一个时禁用剩余按钮

】单击一个时禁用剩余按钮【英文标题】：Disableremainingbuttonswhenoneisclicked【发布时间】：2018-11-2715:38:06【问题描述】：我有一些在单击时会显示表单的按钮。我目前正在尝试弄清楚如何在单击一个按钮后禁用其他按钮，以防止显... 查看详情

单击按钮时更改按钮的背景颜色[重复]

】单击按钮时更改按钮的背景颜色[重复]【英文标题】：Changingabutton\'sbackgroundcolorwhenit\'sclicked[duplicate]【发布时间】：2013-06-0216:44:17【问题描述】：我正在尝试使用JavaScript更改按钮的background-color属性。该脚本检查当前background-col... 查看详情

引导下拉菜单按钮在单击按钮以及单击屏幕时更改

】引导下拉菜单按钮在单击按钮以及单击屏幕时更改【英文标题】：bootstrapdropdownmenubuttonchangewhenclickedonbuttonandalsowhenclickedonthescreen【发布时间】：2021-06-2122:07:27【问题描述】：我有这个引导下拉菜单here。我想要做的是仅在展开... 查看详情

用户单击删除按钮时如何获取当前（添加）按钮

】用户单击删除按钮时如何获取当前（添加）按钮【英文标题】：Howtogetcurrent(add)buttonwhenuserclickonremovebutton【发布时间】：2018-10-2612:18:40【问题描述】：我的脚本是，当用户单击添加按钮时，然后在下一个字段中添加按钮隐藏和... 查看详情

颤动如何在单击时更改按钮的颜色

】颤动如何在单击时更改按钮的颜色【英文标题】：flutterhowtochangethecolorofabuttononaclick【发布时间】：2020-09-1321:32:39【问题描述】：单击按钮时，我正在尝试更改按钮的颜色。你能帮我吗，因为我真的做不到。谢谢。Container(child:n... 查看详情