TL; DR:如何在非活动选项卡上强制绘制数据表但其输入更改?

有一个闪亮的应用程序看起来像这样:

library(shiny)
library(DT)
shinyApp(

  ui = fluidPage(

    sidebarLayout(

      sidebarPanel(
        numericInput(
          inputId = "random_val",label = "pick random value",value = 1
        )
      ),mainPanel(
        tabsetPanel(
          id = "tabset",tabPanel(
            title = "some_other_tab","Some other stuff"
          ),tabPanel(
            title = "test_render",textoutput("echo_test"),DTOutput("dt_test")
          )
        )
      )
    )
  ),server = function(input,output) {

    output$echo_test <- renderText({
      cat("renderText called \n")
      input$random_val
    })
    outputoptions(output,"echo_test",suspendWhenHidden = FALSE)

    output$dt_test <- renderDT({
      cat("renderDT called \n")
      df <- data.frame(
        a = 1:10^6,b = rep(input$random_val,10^6)
      )
      datatable(df)
    })
    outputoptions(output,"dt_test",suspendWhenHidden = FALSE)
  }

)

我的问题如下:当输入(输入$random_value)更改而选项卡test_render(即带有DT的选项卡)打开时,一切正常.但是,当用户更改其输入时,包含DT的选项卡未处于活动状态时,即使设置了suspendWhenHidden = FALSE并且似乎调用了renderDT,DT也不会更新.

我发现一个open issue抱怨类似的问题,但没有提供解决方案.

我也找到了这个question,并试图使它适应我的问题.到目前为止,我通过运行$(“#dt_test table”)来更新DT成功.DataTable().draw();从浏览器控制台. DT在点击时也会更新(例如,在排序按钮上).

我正在寻找一种方法来在输入更改(或其初始化)时立即更新DT,无论它是否在活动面板上.特别麻烦的一个特殊情况是应用程序启动时 – DT不会立即呈现.看来图纸只在它所在的标签打开时开始(它显示处理…).在我的实际应用程序中,这会引入几秒滞后 – 这就是为什么我想在用户查看其他选项卡时强制处理DT的原因.

我试验了包含运行$(“#dt_test table”)的javascript文件.DataTable().draw();各种events,但到目前为止没有成功.

有没有办法通过上述事件或任何其他方法实现我正在寻找的东西?

解决方法

我想出了两个可能的解决方案.

>通过使用观察者,但使用此解决方案时,表将在切换到数据表选项卡时更新,而不是之前.

这是受两个视频的启发,这些视频非常有助于更好地理解闪亮的效果:

Shiny developer conference 2016 – 第一个列出的两个视频

>通过使用代理对象,此选项需要通过在呈现表时设置适当的选项来进行服务器端处理(请参阅下面的此解决方案的代码)

解决方案1

library(shiny)
    library(DT)
    shinyApp(

            ui = fluidPage(

                    sidebarLayout(

                            sidebarPanel(
                                    numericInput(
                                            inputId = "random_val",value = 1
                                    )
                            ),mainPanel(
                                    tabsetPanel(
                                            id = "tabset",tabPanel(
                                                    title = "some_other_tab","Some other stuff"
                                            ),tabPanel(
                                                    title = "test_render",DTOutput("dt_test")
                                            )
                                    )
                            )
                    )
            ),output) {

                    output$echo_test <- renderText({
                            cat("renderText called \n")
                            input$random_val
                    })
                    outputoptions(output,suspendWhenHidden = FALSE)

                    observeEvent(input$random_val,{
                            cat("renderDT called \n")
                            df <- data.frame(
                                    a = 1:10^6,10^6)
                            )   
                            output$dt_test <- renderDT(df)
                    })
            }
    )

解决方案2

library(shiny)
    library(DT)
    shinyApp(

            ui = fluidPage(

                    sidebarLayout(

                            sidebarPanel(
                                    numericInput(
                                            inputId = "random_val",selected = "test_render",output,session) {

                    output$echo_test <- renderText({
                            cat("renderText called \n")
                            input$random_val
                    })
                    outputoptions(output,suspendWhenHidden = FALSE)
                    output$dt_test <- renderDT({
                            cat("renderDT called \n")
                            df <- data.frame(
                                    a = 1:10^6,b = rep(1,10^6)
                            )
                            datatable(df)
                    },server = TRUE)
                    observeEvent(input$random_val,{
                            df <- data.frame(
                                    a = 1:10^6,10^6)
                            )
                            dt_test_proxy <- dataTableProxy("dt_test",session = shiny::getDefaultReactiveDomain(),deferUntilFlush = TRUE)
                            replaceData(dt_test_proxy,df)
                            cat("table updated \n")
                    })
                    updateTabsetPanel(session,"tabset",selected = "some_other_tab")
            }
    )

如果这有帮助,请告诉我….

javascript – Shiny:在非活动tabPanel上更新DT的更多相关文章

  1. 吃透移动端 Html5 响应式布局

    这篇文章主要介绍了吃透移动端 Html5 响应式布局,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  2. 使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果

    这篇文章主要介绍了基于HTML5实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. ios – 如何调整标签栏徽章位置?

    我在标签栏上显示徽章,但是当数字增加时,它会转到标签栏项目,如图所示我想稍微向左移动徽章视图,使其适合选定的选项卡image.i尝试如here所述,但没有运气.那么有没有办法调整徽章视图位置?任何帮助将不胜感激.解决方法我发现Kateryna的答案对于让我走上正轨非常有用,但我必须稍微更新一下:请注意,选项卡整数不是零索引,因此第一个选项卡将是数字1,第二个选项卡将是2,等等.

  4. ios – UITabBarController – Child(Tab)ViewControllers的不正确和不一致的边界

    我有一个带有两个选项卡的UITabBarController.每个选项卡都是UITableViewController.当UITabBarController出现时,两个选项卡视图都有不正确的边界.第一个选项卡正确位于导航栏下方,但延伸到底部的选项卡栏下方.第二个选项卡是另一种方式,从导航栏下方开始,但在底部的选项卡栏之前正确停止.我正在创建和呈现TabBarController,如下所示:然后在

  5. iOS 10 Safari问题在DOM中不再包含元素

    使用此链接,您可以重现该错误.https://jsfiddle.net/pw7e2j3q/如果您点击元素并从dom中删除它,然后单击链接测试.你应该看到旧的元素弹出选择.是否有一些黑客来解决这个问题?解决方法我能够重现这个问题.问题是,每当您尝试删除其更改事件上的选择框时,iOS10都无法正确解除对选择框的绑定.要解决此问题,您需要将代码更改事件代码放在具有一些超时

  6. 如何在iOS上快速将ALAsset映像保存到磁盘?

    我正在使用ALAsset来检索这样的图像:这返回CGImageRef,我想尽快保存到磁盘…解决方案1:解决方案2:问题是两种方法在设备上的执行速度都很慢.每张图片大约需要2秒才能执行此操作.这绝对是长久的.问题:如何加快图像保存过程?或许还有更好的解决方案吗?

  7. ios – 有没有办法针对存档版本(.ipa)运行XCTest(UI)?

    要么我们可以单独构建和测试,以便我们可以先构建并在以后对该构建进行测试吗?

  8. xcode – 隐藏或丢失构建阶段选项卡

    ..构建阶段选项卡.如何使用工具栏中的“构建阶段”选项卡显示布局,并将其保存以用于我的项目?顺便说一句,我使用XCode3.2可能是版本限制?解决方法听起来这些教程适用于Xcode4.对于您的版本,如果您在侧边栏中打开目标,则应该有一些组.这些是你的构建阶段.只需将库拖到类似“LinkExecutable”之类的库中,或单击复选框将其添加到目标,它应该自动进入.

  9. ios app如何“知道”运行单元测试

    我知道我可以用xcodebuild开始我的应用程序的单元测试,但我想知道是什么告诉应用程序在启动期间运行测试,它是一个发送到应用程序的特殊参数,还是以不同的方式编译以运行测试?

  10. ios – 单击UITabBarController时的自定义操作

    我有一个标签栏控制器,它添加了四个导航控制器.导航控制器在选项卡栏控制器中显示为选项卡栏项目.现在我想在标签栏中添加第五个按钮,它不会打开另一个视图,但会触发一些自定义代码.我想在单击该标签栏项目时显示重叠的“共享菜单”,无论用户在哪四个页面中.我怎样才能做到这一点?

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部