shinyjs (version 0.0.3.3)

stateFuncs: Enable/disable an input element

Description

Enable or disable an input element. A disabled element is not usable and not clickable, while an enabled element (default) can receive user input. Many input tags can be used with these functions, such as text inputs (shiny::textInput), select lists (shiny::selectInput), buttons (shiny::actionButton) and many others.

Usage

enable(...)

disable(...)

toggleState(...)

Arguments

...

The following parameters are available: ll{ id The id of the input element/Shiny tag }

Details

enable enables an input, disable disabled an input,toggleState enables an input if it is disabled and disables an input if it is already enabled.

See Also

useShinyjs, runExample

Examples

if (interactive()) {
  shiny::shinyApp(
    ui = shiny::fluidPage(
      useShinyjs(),  # Set up shinyjs
      shiny::actionButton("btn", "Click me"),
      shiny::textInput("element", "Watch what happens to me")
    ),
    server = function(input, output, session) {
      shiny::observe({
        if (input$btn == 0) {
          return(NULL)
        }
        # Change the following line for more examples
        toggleState("element")
      })
    }
  )
}
# The shinyjs function call in the above app can be replaced by
  # any of the following examples to produce similar Shiny apps
  toggleState(id = "element")
  enable("element")
  disable("element")

  # Similarly, the "element" text input can be changed to many other
  # input tags, such as the following examples
  shiny::actionButton("element", "I'm a button")
  shiny::fileInput("element", "Choose a file")
  shiny::selectInput("element", "I'm a select box", 1:10, selectize = FALSE)