使用shinyBS为每个pickerInput选项添加不同的工具提示

问题描述 投票:0回答:2

我正在尝试向选择器输入下拉菜单中的每个子选项添加工具提示。我尝试过调整函数 selectizeTooltip 来自带有闪亮工具提示BS的反应式单选按钮 但恐怕我还不够了解,无法正确适应它。

不幸的是只是做

        pickerInput("pobrezavar1", label = NULL,
                    choices = c("Riesgo de pobreza (60%)"= "Pobreza_60_",
                                "Extrema pobreza (40%)"= "Pobreza_40_"
                                #"Pobreza según definición EJ-GV"= "Pobreza_GV_"
                                ),
                    selected = NULL,
                    options = list(`noneSelectedText`="Escoge"),
                    width = "100%"),
        
        selectizeTooltip(id="pobrezavar1", choice = "Pobreza_60_", title = "Tooltip for c", placement = "right", trigger = "hover"),
     

不起作用。

我正在开发的应用程序(您会看到我在最后一行按钮中提供了有关 radioGroupButtons 正常工作的工具提示): http://iseak.shinyapps.io/Mapa2/

r shiny shinywidgets shinybs pickerinput
2个回答
8
投票

这是一个方法,无需

shinyBS

library(shiny)
library(shinyWidgets)

js <- "
var mytips = ['HELLO I AM TOOLTIP 1', 'HI I AM TOOLTIP 2'];
$('#mypicker').on('shown.bs.select', function() {
  var $lis = $($(this).data('selectpicker').selectpicker.current.elements);
  $lis.each(function(i) {
    $(this).attr('title', mytips[i]);
  });
});"

ui <- fluidPage(
  
  pickerInput(
    inputId = "mypicker",
    label = "A label",
    choices = c("a", "b")
  ),
  
  tags$script(HTML(js)),
  
  verbatimTextOutput("value")
  
)

server <- function(input, output) {
  output$value <- renderPrint(input$mypicker)
}

shinyApp(ui, server)

enter image description here


0
投票

Stephane 的答案中添加一些元素,以防您想使用 {jsonlite} 包将数据集的变量映射到工具提示文本:

library(jsonlite)

df_var <- jsonlite::toJSON(df$var, dataframe="values")

js <- paste("
var mytips = ", test, ";
$('#mypicker').on('shown.bs.select', function() {
  var $lis = $($(this).data('selectpicker').selectpicker.current.elements);
  $lis.each(function(i) {
    $(this).attr('title', mytips[i]);
  });
});", sep = "")

© www.soinside.com 2019 - 2024. All rights reserved.