使用ShinyJS在Shiny中使用提交按钮隐藏/显示结果

卡罗齐姆

我正在尝试创建一个Shiny应用程序,该应用程序包括一个用于输入的提交按钮和一个用于隐藏/显示结果的复选框。我的问题是,除非再次按下“提交”按钮,否则选中或取消选中“隐藏/显示”复选框均无效。

用户一旦选中复选框,如何在不选中“提交”按钮的情况下立即显示结果,而在未选中的情况下将其隐藏呢?类似于这个问题,但是我使用的是Shinyjs包。

以下是一些示例代码来说明此问题:

用户界面

ui <- shinyUI(fluidPage(
# Initiate shinyjs package
useShinyjs(),
                    # Select layout type 
                    sidebarLayout(
                        # Sidebar content
                        sidebarPanel(
                            # Input phrase1
                            textInput("phrase1", "Enter a word or phrase here", "It’s not rocket"),
                            # Input phrase2
                            textInput("phrase2", "Enter a word or phrase here", "science"),
                            # Submit button
                            submitButton("Paste phrases")
                        ),
                        # Main panel content
                        mainPanel(
                            # Checkbox to show/hide results
                            checkboxInput("checkbox", "Show results?", TRUE), 
                            # Results
                            textOutput("full_phrase")
                        )
                    )
))

服务器

server <- shinyServer(function(input, output) {
        observe(toggle("full_phrase", condition=(input$checkbox==T)))
        output$full_phrase <- renderText({paste(input$phrase1, input$phrase2)})
})

任何帮助,不胜感激!

本杰明

您可以submitButton控制他停止所有反应,直到单击为止。如果您希望UI的任何元素独立于按钮而具有响应性,则应actionButton改为使用事件,并为单击按钮时要执行的操作使用事件观察器。

library(shiny)
library(shinyjs)

shinyApp(
  ui = 
    shinyUI(fluidPage(
      # Initiate shinyjs package
      useShinyjs(),
      # Select layout type 
      sidebarLayout(
        # Sidebar content
        sidebarPanel(
          # Input phrase1
          textInput("phrase1", "Enter a word or phrase here", "It's not rocket"),
          # Input phrase2
          textInput("phrase2", "Enter a word or phrase here", "science"),
          # Submit button
          actionButton("paste_phrase",
                       label = "Paste phrases")
        ),
        # Main panel content
        mainPanel(
          # Checkbox to show/hide results
          checkboxInput("checkbox", "Show results?", TRUE), 
          # Results
          textOutput("full_phrase")
        )
      )
    )),

  server = 
    shinyServer(function(input, output, session) {
      observe({
        toggle("full_phrase", 
               condition=input$checkbox)
      })

      pasted_phrases <- 
        eventReactive(
          input$paste_phrase,
          {
            paste(input$phrase1, input$phrase2)
          }
        )

      output$full_phrase <- 
        renderText({pasted_phrases()})
    })
)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在reactjs中使用按钮创建显示和隐藏部分

来自分类Dev

show(),hide()的使用来自Shinyjs,Shiny

来自分类Dev

在Shiny App中使用自定义消息或响应按钮隐藏错误消息

来自分类Dev

UI完全使用HTML内置的闪亮应用-ShinyJS显示/隐藏元素不起作用

来自分类Dev

在Vim中使用:lgrep命令并隐藏结果

来自分类Dev

在ViewContainer中使用按钮隐藏视图容器

来自分类Dev

使用按钮显示/隐藏文本

来自分类Dev

使用jQuery在ruby中显示/隐藏按钮

来自分类Dev

jQuery使用单选按钮隐藏和显示

来自分类Dev

使用AJAX隐藏“显示更多”按钮

来自分类Dev

如何使用按钮显示/隐藏图像

来自分类Dev

使用单选按钮显示/隐藏画布

来自分类Dev

如何使用按钮来显示/隐藏容器

来自分类Dev

如何在codeigniter中使用ajax删除提交按钮并保存图像以及显示图像?

来自分类Dev

通过在yii2中使用javascript单击按钮来显示或隐藏任何表单

来自分类Dev

在Shiny应用中使用observeEvent显示图

来自分类Dev

提交帐户后使用jQuery隐藏按钮

来自分类Dev

单击提交按钮后显示隐藏的表格

来自分类Dev

使用按钮显示硬币翻转Javascript的结果

来自分类Dev

隐藏/显示div而不使用javascript提交表单

来自分类Dev

在php中使用类并显示结果

来自分类Dev

使用jQuery Cookie使用单选按钮显示/隐藏div

来自分类Dev

是否可以在表单提交按钮中使用Glychicons?

来自分类Dev

在PHP中使用多个提交按钮发布数据

来自分类Dev

在Shiny App中使用按钮删除活动的选项板

来自分类Dev

在Swift中使用hidesBackButton在导航栏中隐藏后退按钮

来自分类Dev

如何在python中使用类函数隐藏按钮

来自分类Dev

在Swift IOS中使用不同的按钮隐藏行

来自分类Dev

如何在 xamarin 中使用参数隐藏按钮?

Related 相关文章

  1. 1

    在reactjs中使用按钮创建显示和隐藏部分

  2. 2

    show(),hide()的使用来自Shinyjs,Shiny

  3. 3

    在Shiny App中使用自定义消息或响应按钮隐藏错误消息

  4. 4

    UI完全使用HTML内置的闪亮应用-ShinyJS显示/隐藏元素不起作用

  5. 5

    在Vim中使用:lgrep命令并隐藏结果

  6. 6

    在ViewContainer中使用按钮隐藏视图容器

  7. 7

    使用按钮显示/隐藏文本

  8. 8

    使用jQuery在ruby中显示/隐藏按钮

  9. 9

    jQuery使用单选按钮隐藏和显示

  10. 10

    使用AJAX隐藏“显示更多”按钮

  11. 11

    如何使用按钮显示/隐藏图像

  12. 12

    使用单选按钮显示/隐藏画布

  13. 13

    如何使用按钮来显示/隐藏容器

  14. 14

    如何在codeigniter中使用ajax删除提交按钮并保存图像以及显示图像?

  15. 15

    通过在yii2中使用javascript单击按钮来显示或隐藏任何表单

  16. 16

    在Shiny应用中使用observeEvent显示图

  17. 17

    提交帐户后使用jQuery隐藏按钮

  18. 18

    单击提交按钮后显示隐藏的表格

  19. 19

    使用按钮显示硬币翻转Javascript的结果

  20. 20

    隐藏/显示div而不使用javascript提交表单

  21. 21

    在php中使用类并显示结果

  22. 22

    使用jQuery Cookie使用单选按钮显示/隐藏div

  23. 23

    是否可以在表单提交按钮中使用Glychicons?

  24. 24

    在PHP中使用多个提交按钮发布数据

  25. 25

    在Shiny App中使用按钮删除活动的选项板

  26. 26

    在Swift中使用hidesBackButton在导航栏中隐藏后退按钮

  27. 27

    如何在python中使用类函数隐藏按钮

  28. 28

    在Swift IOS中使用不同的按钮隐藏行

  29. 29

    如何在 xamarin 中使用参数隐藏按钮?

热门标签

归档