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
- 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
David Granjon, dgranjon@ymail.com
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