我正在尝试做一些有点棘手的事情,我希望有人能帮助我。
我想在数据表中添加 selectInput
。
如果我启动该应用程序,我会看到输入 col_1
、col_2
.. 与数据表连接良好(您可以切换到 a、b 或 c)
但是
如果我更新数据集(从 iris
到 mtcars
),输入和数据表之间的连接就会丢失。现在,如果您更改 selectinput
,日志不会显示修改。如何保留链接?
我使用 shiny.bindAll()
和 shiny.unbindAll()
做了一些测试但没有成功。
有什么想法吗?
请查看应用程序:
library(shiny)
library(DT)
library(shinyjs)
library(purrr)
ui <- fluidPage(
selectInput("data","choose data",choices = c("iris","mtcars")),
DT::DTOutput("tableau"),
verbatimTextOutput("log")
)
server <- function(input, output, session) {
dataset <- reactive({
switch (input$data,
"iris" = iris,
"mtcars" = mtcars
)
})
output$tableau <- DT::renderDT({
col_names<-
seq_along(dataset()) %>%
map(~selectInput(
inputId = paste0("col_",.x),
label = NULL,
choices = c("a","b","c"))) %>%
map(as.character)
DT::datatable(dataset(),
options = list(ordering = FALSE,
preDrawCallback = JS("function() {
Shiny.unbindAll(this.api().table().node()); }"),
drawCallback = JS("function() { Shiny.bindAll(this.api().table().node());
}")
),
colnames = col_names,
escape = FALSE
)
})
output$log <- renderPrint({
lst <- reactiveValuesToList(input)
lst[order(names(lst))]
})
}
shinyApp(ui, server)
最佳答案
了解您的挑战:
为了确定手头的挑战,您必须了解两件事。
- 如果刷新数据表,它将被“删除”并从中构建 从头开始(这里不是 100% 确定,我想我在某个地方读过)。
- 请记住,您实际上是在构建 html 页面。
selectInput()
只是 html 代码的包装器。如果您键入 selectInput("a", "b", "c")
在控制台中它将返回:
<div class="form-group shiny-input-container">
<label class="control-label" for="a">b</label>
<div>
<select id="a"><option value="c" selected>c</option></select>
<script type="application/json" data-for="a" data-nonempty="">{}</script>
</div>
</div>
请注意,您正在构建 <select id="a">
, 选择 id="a"
.因此,如果我们假设 1) 在刷新后是正确的,您将尝试构建另一个 html 元素:<select id="a">
有一个现有的ID。这不应该起作用:Can multiple different HTML elements have the same ID if they're different elements? . (假设我的假设 1)成立;))
解决您的挑战:
乍一看非常简单:只需确保您使用的 id 在创建的 html 文档中是唯一的。
非常快速和肮脏的方法是替换:
inputId = paste0("col_",.x)
类似:inputId = paste0("col_", 1:nc, "-", sample(1:9999, nc))
.
但这对你来说以后很难使用。
更长的路:
所以你可以使用某种内存
- 您已经使用过哪些 ID。
- 哪些是您当前使用的 ID。
你可以使用
global <- reactiveValues(oldId = c(), currentId = c())
为此。
过滤掉旧使用的 ID 并提取当前 ID 的想法可能是这样的:
lst <- reactiveValuesToList(input)
lst <- lst[setdiff(names(lst), global$oldId)]
inp <- grepl("col_", names(lst))
names(lst)[inp] <- sapply(sapply(names(lst)[inp], strsplit, "-"), "[", 1)
可重现的例子应该是:
library(shiny)
library(DT)
library(shinyjs)
library(purrr)
ui <- fluidPage(
selectInput("data","choose data",choices = c("iris","mtcars")),
dataTableOutput("tableau"),
verbatimTextOutput("log")
)
server <- function(input, output, session) {
global <- reactiveValues(oldId = c(), currentId = c())
dataset <- reactive({
switch (input$data,
"iris" = iris,
"mtcars" = mtcars
)
})
output$tableau <- renderDataTable({
isolate({
global$oldId <- c(global$oldId, global$currentId)
nc <- ncol(dataset())
global$currentId <- paste0("col_", 1:nc, "-", sample(setdiff(1:9999, global$oldId), nc))
col_names <-
seq_along(dataset()) %>%
map(~selectInput(
inputId = global$currentId[.x],
label = NULL,
choices = c("a","b","c"))) %>%
map(as.character)
})
DT::datatable(dataset(),
options = list(ordering = FALSE,
preDrawCallback = JS("function() {
Shiny.unbindAll(this.api().table().node()); }"),
drawCallback = JS("function() { Shiny.bindAll(this.api().table().node());
}")
),
colnames = col_names,
escape = FALSE
)
})
output$log <- renderPrint({
lst <- reactiveValuesToList(input)
lst <- lst[setdiff(names(lst), global$oldId)]
inp <- grepl("col_", names(lst))
names(lst)[inp] <- sapply(sapply(names(lst)[inp], strsplit, "-"), "[", 1)
lst[order(names(lst))]
})
}
shinyApp(ui, server)
关于javascript - 数据表的复杂 R Shiny 输入绑定(bind)问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51065090/