Início / coding / Perguntas / 77021665
Accepted
AnilGoyal
Asked: 2023-09-01 16:40:27 +0800 CST

Como navegar entre diferentes tabItems no dashboard brilhante através de botões

  • 772

Eu criei um aplicativo brilhante (no painel brilhante) com muitos itens de menu e submenu. Como a seguinte estrutura de árvore


    sidebarMenu(
      menuItem("Item 1", tabName = "item1", icon = icon("dashboard")),
      menuItem("Item 2", tabName = "item2", icon = icon("th"),
               menuSubItem("Subitem1", tabName = "subitem1"),
               menuSubItem("Subitem2", tabName = "subitem2")),
      menuItem("Item 3", tabName = "item3", icon = icon("bolt"),
               menuSubItem("Subitem3", tabName = "subitem3"),
               menuSubItem("Subitem4", tabName = "subitem4")
               )
    )

Na primeira página tenho quatro botões de ação. Eu quero que quando qualquer botão de ação for clicado, a página "subitem#" correspondente possa ser aberta. Não consigo fazer isso com shinydashboard::updateTabItems. Por favor ajude. O código/aplicativo de exemplo é

library(shiny)
library(shinydashboard)

ui <- dashboardPage(
  dashboardHeader(title = "Dynamic Tab Example"),
  dashboardSidebar(
    sidebarMenu(
      menuItem("Item 1", tabName = "item1", icon = icon("dashboard")),
      menuItem("Item 2", tabName = "item2", icon = icon("th"),
               menuSubItem("Subitem1", tabName = "subitem1"),
               menuSubItem("Subitem2", tabName = "subitem2")),
      menuItem("Item 3", tabName = "item3", icon = icon("bolt"),
               menuSubItem("Subitem3", tabName = "subitem3"),
               menuSubItem("Subitem4", tabName = "subitem4")
               )
    )
  ),
  dashboardBody(
    tabItems(
      tabItem(
        "item1",
        actionButton("button1", "navigate to subitem1"),
        actionButton("button2", "navigate to subitem2"),
        actionButton("button3", "navigate to subitem3"),
        actionButton("button4", "navigate to subitem4")
      ),
      tabItem("subitem1",
              box(
                title = "Item 1",
                actionButton("button1", "Button 1")
              )
      ),
      tabItem("subitem2",
              box(
                title = "Item 2 Content",
                "This is the content for Item 2."
              )
      ),
      tabItem("subitem3",
              box(
                title = "Item 3 Content",
                "This is the content for Item 3."
              )
      ),
      tabItem("subitem4",
              box(
                title = "Item 4 Content",
                "This is the content for Item 4."
              )
      )
    )
  )
)

server <- function(input, output, session) {
  

}

shinyApp(ui, server)

1 respostas

  1. Best Answer

    Aqui está uma proposta: remova o actionButton "button1" do subitem1 para evitar ter dois botões com o mesmo id / adicione um id ao seu menu, aqui "tabs" / use updateTabItems com detecção do id do botão clicado

    library(shiny)
library(shinydashboard)
library(purrr)

ui <- dashboardPage(
  dashboardHeader(title = "Dynamic Tab Example"),
  dashboardSidebar(
    sidebarMenu(id = "tabs",
      menuItem("Item 1", tabName = "item1", icon = icon("dashboard")),
      menuItem("Item 2", tabName = "item2", icon = icon("th"),
               menuSubItem("Subitem1", tabName = "subitem1"),
               menuSubItem("Subitem2", tabName = "subitem2")),
      menuItem("Item 3", tabName = "item3", icon = icon("bolt"),
               menuSubItem("Subitem3", tabName = "subitem3"),
               menuSubItem("Subitem4", tabName = "subitem4")
      )
    )
  ),
  dashboardBody(
    tabItems(
      tabItem(
        "item1",
        actionButton("button1", "navigate to subitem1"),
        actionButton("button2", "navigate to subitem2"),
        actionButton("button3", "navigate to subitem3"),
        actionButton("button4", "navigate to subitem4")
      ),
      tabItem("subitem1",
              box(
                title = "Item 1"
              )
      ),
      tabItem("subitem2",
              box(
                title = "Item 2 Content",
                "This is the content for Item 2."
              )
      ),
      tabItem("subitem3",
              box(
                title = "Item 3 Content",
                "This is the content for Item 3."
              )
      ),
      tabItem("subitem4",
              box(
                title = "Item 4 Content",
                "This is the content for Item 4."
              )
      )
    )
  )
)

server <- function(input, output, session) {
  
  
  paste0('button', 1:4) %>% 
    map(~ observeEvent(input[[.x]], {
      number = gsub("\\D", "", .x)
      updateTabItems(session, "tabs", paste0("subitem", number))
    }))
  
}

shinyApp(ui, server)
    • 2

relate perguntas