在闪亮的应用程序中更改bsModal的背景

时间:2018-05-16 10:39:25

标签: r shiny shinybs

我正在开发一个Shiny应用程序,我需要确保最终用户不会意外关闭bsModal,因为它上面有一些操作按钮。我做了一些研究,并了解到我需要覆盖背景和键盘参数,但即使我已经看到了一些建议,我也不知道这需要在我的代码中确切位置。我不熟悉JavaScript,也不是Shiny的新手,所以尽管感觉这是一个简单的任务,但我无法做到这一点。

如果有人需要它,这里有一些虚拟代码,按下按钮后会打开一个模态窗口;我需要通过不小心点击背景或点击esc来阻止人们关闭它。

    library(shiny)
    library(shinyBS)

    ui <- fluidPage(

      sidebarLayout(

        sidebarPanel(
            actionButton("go", "Go")
            ,bsModal("window", "Window", "go"
                    ,textOutput("print"))
          )
        ,mainPanel()
      )

    )

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

      output$print = renderText("This is a test")

    }

    shinyApp(ui, server)

我尝试将这两个线程中提供的解决方案结合起来:

Is there a way to hide/disable the `Close` button on a `bsModal` window?

Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape?

做这样的事情(以几种不同的组合),但这并没有真正起作用:

            actionButton("go", "Go")
            ,bsModal("window", "Window", "go"
                    ,textOutput("print")
                    ,tags$head(tags$style("#window .modal{backdrop: 'static'}")))
          )

任何帮助都会非常感激!

1 个答案:

答案 0 :(得分:3)

这样做:

bsModalNoClose <-function(...) {
  b = bsModal(...)
  b[[2]]$`data-backdrop` = "static"
  b[[2]]$`data-keyboard` = "false"
  return(b)
}

然后你也可以关闭页眉和页脚,以防止在那里关闭:

bsModalNoClose("window", "Window", "go"
               ,textOutput("print"),
               tags$head(tags$style("#window .modal-footer{display:none}
                                             .modal-header{display:none}")))