RでのDataTableコールバック動作Shiny

Question

解決策が見つからない問題があります。 DT :: datatableを使って私の輝くアプリにテーブルを表示したい。このタブでは、座標で定義されたいくつかのセルに色付けしたいと思います。ここでは色の細胞はNA値に対応するコードの例を次に示します。

test.table <- data.frame(lapply(1:8, function(x) {1:1000})) 
test.table[c(2,3,7), c(2,7,6)] <- NA 
id <- which(is.na(test.table)) 


datatable(test.table, 
options = list(drawCallback=JS(
paste("function(row, data) {", 
paste(sapply(1:ncol(test.table),function(i) 
paste("$(this.api().cell(",id %% nrow(test.table)-1,",",trunc(id/nrow(test.table))+1,").node()).css({'background-color': 'lightblue'});") 
),collapse = "\n"),"}")) 
)) 

Rコンソール（RStudio）で実行した場合、このコードは正常に動作しますが、私は私の光沢のあるアプリでこれを実装する際に、少しバグがあります：最初のページでは、色のついたセルが適切な場所にありますが、次のボタンをクリックして他のページを表示すると、色付きのセルがnout更新されているように見えます。ここ はその問題に取り組ん例です。

shinyApp(
ui = fluidPage(
    fluidRow(
     column(12, 
     dataTableOutput('table') 
     ) 
) 
), 
server = function(input, output) { 
    test.table <- data.frame(lapply(1:8, function(x) {1:1000})) 
    test.table[c(2,3,7), c(2,7,6)] <- NA 
    id <- which(is.na(test.table)) 

    output$table <- renderDataTable(
     datatable(test.table, 
        options = list(drawCallback=JS(
          paste("function(row, data) {", 
           paste(sapply(1:ncol(test.table),function(i) 
           paste("$(this.api().cell(",id %% nrow(test.table)-1,",",trunc(id/nrow(test.table))+1,").node()).css({'background-color': 'lightblue'});") 
           ),collapse = "\n"),"}")) 
     ))) 

} 
) 

誰かがその問題のために私を助けることができる場合、私は

よろしく

サム

Answer 1

とても幸せになります、私はそれを作ることができましたサーバー側の処理をfalseに設定して作業します。このlinkをご覧ください。 1.トピックの下で、トピック2の前のテキストの最後の部分が始まります。

これが変更されたコードです：私はあなたがJavascriptのコードを使用する方法が複雑で見つける

shinyApp(
      ui = fluidPage(
        fluidRow(
          column(12, 
            dataTableOutput('table') 
          ) 
        ) 
      ), 
      server = function(input, output) { 
        test.table <- data.frame(lapply(1:8, function(x) {1:1000})) 
        test.table[c(2,3,7), c(2,7,6)] <- NA 
        id <- which(is.na(test.table)) 

        output$table <- renderDataTable(
          test.table, 
             options = list(drawCallback=JS(
               paste("function(row, data) {", 
                paste(sapply(1:ncol(test.table),function(i) 
                  paste("$(this.api().cell(",id %% nrow(test.table)-1,",",trunc(id/nrow(test.table))+1,").node()).css({'background-color': 'lightblue'});") 
                ),collapse = "\n"),"}")) 
            ), server = FALSE) 

      } 
    ) 

Answer 2

。私はむしろオプションrowCallbackに以下のコードを渡します。

function(row, data) { 
var value=data[1]; if (value===null) $(this.api().cell(row, 1).node()).css({'background-color':'lightblue'}) 
var value=data[2]; if (value===null) $(this.api().cell(row, 2).node()).css({'background-color':'lightblue'}) 
var value=data[3]; if (value===null) $(this.api().cell(row, 3).node()).css({'background-color':'lightblue'}) 
... 

このコードは次のように生成された（8の列）：

jscode <- paste("function(row, data) {", 
       paste0(sprintf("var value=data[%s]; if (value===null) $(this.api().cell(row, %s).node()).css({'background-color':'lightblue'})", 
           1:8, 1:8), collapse = "\n"), "}", sep="\n") 

そして、それは光沢のあるアプリで動作します。

shinyApp(
    ui = fluidPage(
    fluidRow(
     column(12, 
      DT::dataTableOutput('table') 
    ) 
    ) 
), 
    server = function(input, output) { 
    test.table <- data.frame(lapply(1:8, function(x) {1:1000})) 
    test.table[c(2,3,7), c(2,7,6)] <- NA 

    output$table <- DT::renderDataTable(
     datatable(test.table, 
       options = list(rowCallback=JS(jscode)) 
    ) 
    ) 
    } 
)