单击导航栏上的关闭(Chrome)浏览器窗口

时间:2015-07-13 00:40:58

标签: r shiny

单击Shiny应用程序中的操作按钮时,我一直使用方法suggested by @wch on SO关闭浏览器窗口。效果很好。

我想在单击导航栏中的元素时停止我的应用关闭bowser窗口(在Chrome中)。在tabPanel调用下面我正在使用

tabPanel(title = "", value = "Stop", icon = icon("power-off"))

我使用观察者在input$navbar == "Stop"的值时停止应用(即,当导航栏中的图标被选中时),但我不确定如何激活window.close()来电。< / p>

操作代码按钮,用于通过@wch关闭浏览器窗口

tags$button(
  id = 'close',
  type = "button",
  class = "btn action-button",
  onclick = "window.close();",
  "Close window"
)

编辑:

找到一种可以满足我想要的解决方法。

tabPanel(tags$a(id = "quitApp", href = "#", class = "action-button",
         list(icon("power-off"), ""), onclick = "window.close();"))

不幸的是,它导致了一个相当糟糕的导航栏。我在Shiny google小组上问related question

badly aligned navbar

1 个答案:

答案 0 :(得分:5)

您可以使用shinyjs包轻松调用javascript函数,这基本上就是您需要做的。免责声明:我写了那个包。这是执行您想要的代码:

library(shinyjs)
jscode <- "shinyjs.closewindow = function() { window.close(); }"

runApp(shinyApp(
  ui = tagList(
    useShinyjs(),
    extendShinyjs(text = jscode),
    navbarPage(
      "test",
      id = "navbar",
      tabPanel(title = "tab1"),
      tabPanel(title = "", value = "Stop", icon = icon("power-off"))
    )
  ),
  server = function(input, output, session) {
    observe({
      if (input$navbar == "Stop") {
        js$closewindow();
        stopApp()
      }
    })
  }
))

修改

如果你不想使用JS软件包,你可以用原生的光泽做同样的事情:

jscode <- "Shiny.addCustomMessageHandler('closeWindow', function(m) {window.close();});"

runApp(shinyApp(
  ui = tagList(
    tags$head(tags$script(HTML(jscode))),
    navbarPage(
      "test",
      id = "navbar",
      tabPanel(title = "tab1"),
      tabPanel(title = "", value = "Stop", icon = icon("power-off"))
    )
  ),
  server = function(input, output, session) {
    observe({
      if (input$navbar == "Stop") {
        session$sendCustomMessage(type = "closeWindow", message = "message")
        stopApp()
      }
    })
  }
))