3

ボックスが折りたたまれているかどうかに基づいて、サーバー側でいくつかの操作を実行したいと考えています。光沢のあるダッシュボードのボックスが折りたたまれているかどうかをサーバー側で知ることはできますか?

[編集]:

warmoverflow が提供するリンクをたどり、次のリンクをたどった後、次のコードを思いつきました。

ui.R

library(shiny)
library(shinydashboard)
library(shinyjs)


ui <- shinyUI( dashboardPage(
  dashboardHeader(),
  dashboardSidebar(),
  dashboardBody(  

    useShinyjs(),
    extendShinyjs(text = jscode),

    box(id="box1", title = "BOX 1", collapsible = TRUE, collapsed = TRUE ),
    box(id="box2", title = "BOX2",  collapsible = TRUE, collapsed = TRUE),
    # a shiny element to display unformatted text
    verbatimTextOutput("results"),
    verbatimTextOutput("results1"),

    # # javascript code to send data to shiny server
    tags$script("
                document.getElementsByClassName('btn btn-box-tool')[0].onclick = function() {
                var number = document.getElementsByClassName('box-body')[0].style.display;
                Shiny.onInputChange('mydata', number);
                };
                "),

    tags$script("
                document.getElementsByClassName('btn btn-box-tool')[1].onclick = function() {
                var number = document.getElementsByClassName('box-body')[1].style.display;
                Shiny.onInputChange('mydata1', number);
                };
                "),

    actionButton("Collapse", "CollapseAll")

    )


    ))

サーバー.R

library(shiny)
library(shinydashboard)
library(shinyjs)

jscode <- "
shinyjs.collapse = function(boxid) {
$('#' + boxid).closest('.box').find('[data-widget=collapse]').click();
}
"


server <- shinyServer(function(input, output, session) {

  output$results = renderPrint({
    input$mydata
  })

  output$results1 = renderPrint({
    input$mydata1
  })

  observeEvent(input$Collapse,{

    if(input$mydata == "none" || input$mydata == "")
    {
      js$collapse("box1")
    }


    if(input$mydata1 == "none" || input$mydata == "")
    {
      js$collapse("box2")
    }




  })

})

これを行うためのより良い方法があるかどうか疑問に思っていました。各ボックスに tags$script を追加する代わりに、折りたたまれていないすべてのボックスを見つけることができるようにコードを変更することは可能ですか?

4

1 に答える 1