tabItem не может отображать содержимое, когда в menuItem больше функций, использующих блестящую и блестящую панель - PullRequest
Новая
       35

tabItem не может отображать содержимое, когда в menuItem больше функций, использующих блестящую и блестящую панель

0 голосов
/ 09 мая 2018

Я учусь блестящему и шинидашбаорд.Я нахожу это странным.Мой код выглядит так: 

library(shiny)
library(shinydashboard)
library(DT)
library(RODBC)
library(stringr)
library(dplyr)
ch<-odbcConnect('B1P HANA',uid='fchen4',pwd='XUEqin0312')
sidebar <- dashboardSidebar(
  sidebarMenu(
    menuItem("Query1",tabName="Query1",icon=icon("table"),
         numericInput('Start1','Start Date',19800312,min=20170101,max=20200101),
         numericInput('End1','End Date',19800312,min=20170101,max=20200101),
         textInput('Office1','Office ID','0'),
         submitButton("Submit")),
    menuItem("Query2",tabName="Query2",icon=icon("table"),
         numericInput('Start2','Start Date',20180101,min=20170101,max=20200101),
         numericInput('End2','End Date',20180101,min=20170101,max=20200101),
         textInput('Office2','Office ID','0'),
         submitButton("Submit"))
  )
)
body <- dashboardBody(
  tabItems(
    tabItem(tabName="Query1",h2("Dashboard tab content")),
    tabItem(tabName = "Query2",h2("Widgets tab content"))
  )
)
ui <- dashboardPage(
  dashboardHeader(title = 'LOSS PREVENTION'),
  sidebar,
  body
)
server <- function(input, output) {
}
shinyApp(ui, server)

Панель приборов выглядит следующим образом:

enter image description here

Вы можете увидеть это, когда я поставлюнекоторые поля ввода в боковой панели, текст не может отображаться в основной части.

Однако, когда мой код выглядит так: 

library(shiny)
library(shinydashboard)
library(DT)
library(RODBC)
library(stringr)
library(dplyr)
ch<-odbcConnect('B1P HANA',uid='fchen4',pwd='XUEqin0312')
sidebar <- dashboardSidebar(
  sidebarMenu(
    menuItem("Query1",tabName="Query1",icon=icon("table")),
    menuItem("Query2",tabName="Query2",icon=icon("table"))
  )
)
body <- dashboardBody(
  tabItems(
    tabItem(tabName="Query1",h2("Dashboard tab content")),
    tabItem(tabName = "Query2",h2("Widgets tab content"))
  )
)
ui <- dashboardPage(
  dashboardHeader(title = 'LOSS PREVENTION'),
  sidebar,
  body
)
server <- function(input, output) {
}
shinyApp(ui, server)

Тогда результат будет таким:

enter image description here

Вы можете видеть, что теперь на боковой панели нет входных данных, тогда на главной панели теперь есть текст.

Это так странно.Может ли кто-нибудь помочь мне здесь?

1 Ответ

0 голосов
/ 09 мая 2018

Это на самом деле довольно раздражающая вещь в shinydashboard в настоящее время. Есть несколько обходных решений, предоставленных здесь Уинстоном Чангом, но, на мой взгляд, лучшее решение - это :

В основном, когда вы вставляете другие элементы ввода в menuItem, он теряет атрибуты data-toggle и data-value. Из-за этого tabItem s в dashboardBody больше не может связываться с menuItem s, и, следовательно, приложение не может отображать содержимое в теле.

Вы можете использовать пользовательскую функцию (convertMenuItem), чтобы вручную установить data-toggle и data-value, чтобы menuItem s и tabItem s были снова связаны.

Код: 

library(shiny)
library(shinydashboard)

convertMenuItem <- function(mi,tabName) {
  mi$children[[1]]$attribs['data-toggle']="tab"
  mi$children[[1]]$attribs['data-value'] = tabName
  mi
}

sidebar <- dashboardSidebar(
  sidebarMenu(
    convertMenuItem(menuItem("Query1",tabName="Query1",icon=icon("table"),
             numericInput('Start1','Start Date',19800312,min=20170101,max=20200101),
             numericInput('End1','End Date',19800312,min=20170101,max=20200101),
             textInput('Office1','Office ID','0'),
             submitButton("Submit")), tabName = "Query1"),
    convertMenuItem(menuItem("Query2",tabName="Query2",icon=icon("table"),
             numericInput('Start2','Start Date',20180101,min=20170101,max=20200101),
             numericInput('End2','End Date',20180101,min=20170101,max=20200101),
             textInput('Office2','Office ID','0'),
             submitButton("Submit")), tabName = "Query2")
  )
)
body <- dashboardBody(
  tabItems(
    tabItem(tabName="Query1", h2("Dashboard tab content")),
    tabItem(tabName = "Query2", h2("Widgets tab content"))
  )
)
ui <- dashboardPage(
  dashboardHeader(title = 'LOSS PREVENTION'),
  sidebar,
  body
)

server <- function(input, output) {}
shinyApp(ui, server)

Результат

Result

...