单击后修改闪亮动作按钮

时间:2015-11-08 04:11:41

标签: r shiny shinyjs

我在server.R

中有以下内容
shinyServer(function(input, output) {

# builds a reactive expression that only invalidates 
# when the value of input$goButton becomes out of date 
# (i.e., when the button is pressed)
ntext <- eventReactive(input$goButton, {
input$n
})

output$nText <- renderText({
ntext()
})
})

以及ui.R中的以下内容

shinyUI(pageWithSidebar(
headerPanel("actionButton test"),
sidebarPanel(
numericInput("n", "N:", min = 0, max = 100, value = 50),
br(),
actionButton("goButton", "Go!"),
p("Click the button to update the value displayed in the main panel.")
),
mainPanel(
verbatimTextOutput("nText")
)
))

我的目标是让go动作按钮在点击五次后消失,如果点击次数少于五次,则会弹出一个弹出窗口警告。

2 个答案:

答案 0 :(得分:1)

正如@daattali所说,shinyjs让这很容易,你可以这样做:

library(shiny)
library(shinyjs)

ui <- shinyUI(
  fluidPage(
    useShinyjs(),
    sidebarPanel(
      actionButton('btn','Click me')
    ),
    mainPanel(
      verbatimTextOutput("nText")
    )
  )
)

server <- shinyServer(function(input,output,session){
  n <- 0
  makeReactiveBinding('n')

  observeEvent(input$btn, { 
    if(n < 5){
      info('Msg')
    } else if(n > 5){
      hide('btn')
    }
    n <<- n + 1 
  })

  output$nText <- renderText({
    n
  })

})

shinyApp(ui=ui,server=server)

以下是如何在不使用shinyjs的情况下隐藏按钮:

library(shiny)

ui <- shinyUI(
  fluidPage(
    tags$head(
      tags$style(
        HTML('#num{display: none;}')
      )
    ),
    useShinyjs(),
    sidebarPanel(
      conditionalPanel(
        condition = "input.num < 5",
        actionButton('btn','Click me')
      ),
      numericInput('num','',0)
    ),
    mainPanel(
      verbatimTextOutput("nText")
    )
  )
)

server <- shinyServer(function(input,output,session){
  n <- 0
  makeReactiveBinding('n')

  observeEvent(input$btn, { 
    n <<- n + 1
    updateNumericInput(session,'num',value=n)
  })

  output$nText <- renderText({
    n
  })

})

shinyApp(ui=ui,server=server)

最后不使用observeEvent:

library(shiny)

ui <- shinyUI(
  fluidPage(
    tags$head(
      tags$style(
        HTML('#num{display: none;}')
      )
    ),
    useShinyjs(),
    sidebarPanel(
      conditionalPanel(
        condition = "input.num < 5",
        actionButton('btn','Click me')
      ),
      numericInput('num','',0)
    ),
    mainPanel(
      verbatimTextOutput("nText")
    )
  )
)

server <- shinyServer(function(input,output,session){
  n <- 0
  makeReactiveBinding('n')

  observe({
    input$btn
    isolate({
      n <<- n + 1
      updateNumericInput(session,'num',value=n)
    })
  })

  output$nText <- renderText({
    n
  })

})

shinyApp(ui=ui,server=server)

答案 1 :(得分:0)

您不需要定义被动n。它已经是input$btn的价值。

library(shiny)
library(shinyjs)

ui <- shinyUI(
  fluidPage(
    useShinyjs(),
    sidebarPanel(
      actionButton('btn','Click me')
    ),
    mainPanel(
      verbatimTextOutput("nText")
    )
  )
)

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

  observe({ 
    if(input$btn < 5){
      info('Msg')
    } else {
      hide('btn')
    }
  })

  output$nText <- renderText({
    input$btn
  })

})

shinyApp(ui=ui,server=server)