基于这个问题R shinyjs shinydashboard box uncollapse on action button input和问题How to manually collapse a box in shiny dashboard,我想用actionButton
(或radioButtons
)替换selectInput
。下面是一个可重复的例子。当我单击是时我想要框id = B2和id = B3折叠,当我单击否时,框id = B1并且id = B3折叠,当点击可能时,框id = B1和id = B2折叠。使用下面的代码,有一个崩溃,但它不能按预期工作。
library(shiny)
library(shinyBS)
library(dplyr)
library(shinydashboard)
# javascript code to collapse box
jscode <- "
shinyjs.collapse = function(boxid) {
$('#' + boxid).closest('.box').find('[data-widget=collapse]').click();
}
"
#Design sidebar
sidebar <- dashboardSidebar(width = 225, collapsed=F,
sidebarMenu(id="tabs",
menuItem("zz", tabName = "zz", selected=TRUE)))
#Design body
body <- dashboardBody(shinyjs:::useShinyjs(),
shinyjs:::extendShinyjs(text = jscode),
tabItems(
tabItem(tabName = "zz",
fluidRow(box(radioButtons('go','Go', choices = c("yes", "no", "maybe"))),
box(id="B1", collapsible=T, status = "primary", color="blue", solidHeader = T,
title="Test"),
box(id="B2", collapsible=T, status = "primary", color="blue", solidHeader = T,
title="Test2"),
box(id="B3", collapsible=T, status = "primary", color="blue", solidHeader = T,
title="Test3")
))
))
Header <- dashboardHeader()
#Show title and the page (includes sidebar and body)
ui <- dashboardPage(Header, sidebar, body)
server <- shinyServer(function(input, output, session){
observeEvent(input$go == "yes",
{js$collapse("B2", "B3")}
)
#
observeEvent(input$go == "no",
{js$collapse("B1", "B3")}
)
observeEvent(input$go == "maybe",
{js$collapse("B1", "B2")}
)
})
shinyApp( ui = ui, server = server)
您提供的折叠功能实际上切换了框而不是仅折叠它们。因此,在您想要应用此功能之前,首先必须检查框是否已折叠。这可以通过这里描述的函数来完成:How to see if a shiny dashboard box is collapsed from the server side。
如果您还想打开剩余的框,则可以使用相同的功能。
此外,您可以将所有内容放在一个观察者中,以使您的代码更加一致。
工作范例:
library(shiny)
library(shinyBS)
library(dplyr)
library(shinydashboard)
library(shinyjs)
# javascript code to collapse box
jscode <- "
shinyjs.collapse = function(boxid) {
$('#' + boxid).closest('.box').find('[data-widget=collapse]').click();
}
"
collapseInput <- function(inputId, boxId) {
tags$script(
sprintf(
"$('#%s').closest('.box').on('hidden.bs.collapse', function () {Shiny.onInputChange('%s', true);})",
boxId, inputId
),
sprintf(
"$('#%s').closest('.box').on('shown.bs.collapse', function () {Shiny.onInputChange('%s', false);})",
boxId, inputId
)
)
}
#Design sidebar
sidebar <- dashboardSidebar(width = 225, collapsed=F,
sidebarMenu(id="tabs",
menuItem("zz", tabName = "zz", selected=TRUE)))
#Design body
body <- dashboardBody(shinyjs:::useShinyjs(),
shinyjs:::extendShinyjs(text = jscode),
tabItems(
tabItem(tabName = "zz",
fluidRow(box(radioButtons('go','Go', choices = c("yes", "no", "maybe"))),
box(id="B1", collapsible=T, status = "primary", color="blue", solidHeader = T,
title="Test"),
collapseInput(inputId = "iscollapsebox1", boxId = "B1"),
box(id="B2", collapsible=T, status = "primary", color="blue", solidHeader = T,
title="Test2"),
collapseInput(inputId = "iscollapsebox2", boxId = "B2"),
box(id="B3", collapsible=T, status = "primary", color="blue", solidHeader = T,
title="Test3"),
collapseInput(inputId = "iscollapsebox3", boxId = "B3")
))
))
Header <- dashboardHeader()
#Show title and the page (includes sidebar and body)
ui <- dashboardPage(Header, sidebar, body)
server <- shinyServer(function(input, output, session){
observeEvent(input$go,{
box1_collapsed = F
box2_collapsed = F
box3_collapsed = F
if (!is.null(input$iscollapsebox1)){
box1_collapsed <- input$iscollapsebox1
}
if (!is.null(input$iscollapsebox2)){
box2_collapsed <- input$iscollapsebox2
}
if (!is.null(input$iscollapsebox3)){
box3_collapsed <- input$iscollapsebox3
}
if (input$go == 'yes'){
if (!box2_collapsed){
js$collapse("B2")}
if (!box3_collapsed){
js$collapse("B3")}
# if you want to open B1
if (box1_collapsed){
js$collapse("B1")}
} else if (input$go == 'no'){
if (!box1_collapsed){
js$collapse("B1")}
if (!box3_collapsed){
js$collapse("B3")}
# if you want to open B2
if (box2_collapsed){
js$collapse("B2")}
} else if (input$go == 'maybe'){
if (!box1_collapsed){
js$collapse("B1")}
if (!box2_collapsed){
js$collapse("B2")}
# if you want to open B3
if (box3_collapsed){
js$collapse("B3")}
}
})
})
shinyApp( ui = ui, server = server)