r - 闪亮的仪表板更改 slectInput 的背景颜色
问题描述
我有一个带有多个 selectInputs 的 Shiny Dashabord。现在,如果单击了默认值之外的值,我想更改 selectInput 的背景颜色。
所以这里有一个代码片段:
dbHeader <- dashboardHeader(
title = "Test",
titleWidth = "400px"
)
ui <- dashboardPage(
dbHeader,
dashboardSidebar(
uiOutput("filter_head")
),
dashboardBody(
#some content
)
)
server <- function(input, output, session) {
output$filter_head <- renderUI({
column(
12,
selectInput("select_1", h3("Select1"),
c(
"Default", "A", "B",
"C",
"D"
), selected = "Default", selectize = FALSE, multiple = F)
),
selectInput("select_2", h3("Select2"),
c(
"Default", "A", "B",
"C",
"D"
), selected = "Default", selectize = FALSE, multiple = F)
)
)
})
}
shinyApp(ui, server)
因此,如果在 select_1 处未选择默认值,则 select_1 的背景应为红色,否则为白色。但仅适用于 select_1 输入。这可能吗?
解决方案
好,我知道了。使用 uiOutput 和 if else 语句。
我创建了一个新的 uiOutput 元素并使用了 render 方法中的语句:
uiOutput("style_select_1")
output$style_select_1<- renderUI({
if(is.null(input$select_1)){
return()
}
else if(input$select_1!= 'Default'){
return(tags$style("#select_1{background-color:red;color:white;}"))
}
})
推荐阅读
- wordpress - WordPress:从类中删除钩子操作
- cordova - 从 Phonegap 7.0.1 升级到 7.1.0 导致 ios 构建失败
- javascript - ~ 导入 scss 的符号正在 Angular 6 中的 node_modules 内搜索
- autohotkey - 在 Autohotkey 中检测 Alt+LeftMouse 单击并发送延迟双击
- postgresql - 使用动态目标列进行查询
- python - Python - 日期格式
- angular - 在组件模板中使用“this”调用变量或方法是一种好习惯吗?
- qt - 根据 listElement 键切换 listView 的委托
- pip - 无法导入gym;ModuleNotFoundError:没有名为“gym”的模块
- hadoop - 设计 MapReduce 函数以查找集合列表之间的交集