DragulaR を使用して、Shiny でドラッグ可能な div を作成し、shinyBS を使用してツールチップを各 div に追加しました。ツールチップを削除することが可能かどうか疑問に思っていました ( JQuery UIjQuery
から追加しようとしました: ドラッグ開始時にドラッグ可能なクローンの Bootstrap ツールチップを削除しますか? ) div をドラッグするとき?
library(shiny)
library(dragulaR)
library(shinyBS)
makeElement <- function(data, name)
{
div(style = "border-width:2px;border-style:solid;",
drag = name,
div(class = "active-title-row", id = name, name),
bsTooltip(id = name, title = "Hover",
placement = "top", trigger = "hover"))
}
ui <- fluidPage(
# Maybe something like this but it doesn't work
tags$script(HTML(
"$(function() {
start: function(event, ui) {
$('#bsTooltip').hide();
});"
)),
titlePanel("Drag and drop elements with dragulaR"),
fluidRow(style = "margin: 15px;",
column(3,
h3("Drag from here:"),
div(id = "Available", style = "min-height: 600px;",
lapply(colnames(mtcars), makeElement, data = mtcars))
),
column(3,
h3("Drop here:"),
div(id = "Model", style = "min-height: 600px;")
)
),
dragulaOutput("dragula")
)
server <- function(input, output) {
output$dragula <- renderDragula({
dragula(c("Available", "Model"))
})
}
shinyApp(ui = ui, server = server)