autocomplete: Framework7 autocomplete input

In RinteRface/shinyMobile: Mobile Ready 'shiny' Apps with Standalone Capabilities

Framework7 autocomplete input

Description

f7AutoComplete generates a Framework7 autocomplete input.

updateF7AutoComplete changes the value of an autocomplete input on the client.

Usage

f7AutoComplete(
  inputId,
  label = NULL,
  placeholder = NULL,
  value = NULL,
  choices,
  openIn = c("popup", "page", "dropdown"),
  typeahead = TRUE,
  expandInput = deprecated(),
  closeOnSelect = FALSE,
  dropdownPlaceholderText = NULL,
  multiple = FALSE,
  limit = NULL,
  style = list(media = NULL, description = NULL, floating = FALSE, outline = FALSE),
  ...
)

updateF7AutoComplete(
  inputId,
  value = NULL,
  choices = NULL,
  ...,
  session = shiny::getDefaultReactiveDomain()
)

Arguments

inputId	Autocomplete input id.
label	Autocomplete label.
placeholder	Text to write in the container.
value	Autocomplete initial value, if any.
choices	Autocomplete choices.
openIn	Defines how to open Autocomplete, can be page or popup (for Standalone) or dropdown.
typeahead	Enables type ahead, will prefill input value with first item in match. Only if openIn is "dropdown".
expandInput	: removed from Framework7.
closeOnSelect	Set to true and autocomplete will be closed when user picks value. Not available if multiple is enabled. Only works when openIn is 'popup' or 'page'.
dropdownPlaceholderText	Specify dropdown placeholder text. Only if openIn is "dropdown".
multiple	Whether to allow multiple value selection. Only works when openIn is 'popup' or 'page'.
limit	Limit number of maximum displayed items in autocomplete per query.
style	Autocomplete styling parameters. Only available when openIn is "dropdown".
...	Extra options. See https://framework7.io/docs/autocomplete#autocomplete-parameters
session	The Shiny session object.

Note

Contrary to f7Text, this input can't be cleared.

Author(s)

David Granjon, [e-mail]

Examples

library(shiny)
library(shinyMobile)

app <- shinyApp(
  ui = f7Page(
    title = "My app",
    f7SingleLayout(
      navbar = f7Navbar(title = "Update autocomplete"),
      f7Block(f7Button(inputId = "update", label = "Update autocomplete")),
      f7Block(
        inset = TRUE,
        strong = TRUE,
        f7BlockTitle("Autocomplete input"),
        f7AutoComplete(
          inputId = "myautocomplete",
          placeholder = "Some text here!",
          openIn = "dropdown",
          label = "Type a fruit name",
          choices = c(
            "Apple", "Apricot", "Avocado", "Banana", "Melon",
            "Orange", "Peach", "Pear", "Pineapple"
          ),
          style = list(
            outline = TRUE,
            media = f7Icon("house"),
            description = "typeahead input",
            floating = TRUE
          )
        )
      ),
      f7Block(verbatimTextOutput("autocompleteval"))
    )
  ),
  server = function(input, output, session) {
    output$autocompleteval <- renderText(input$myautocomplete)

    observeEvent(input$update, {
      updateF7AutoComplete(
        inputId = "myautocomplete",
        value = "plip",
        choices = c("plip", "plap", "ploup")
      )
    })
  }
)

if (interactive() || identical(Sys.getenv("TESTTHAT"), "true")) app

RinteRface/shinyMobile documentation built on Jan. 27, 2025, 5:40 p.m.