问题标签 [turbo-frames]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
703 浏览

turbolinks - Hotwire Turbo 不会取代涡轮框架

我有一个表格

我想更换。

作为回复,我发送 303 和“位置:/added_goal”和“/added_goal”返回

Turbo 在 turbo-frame 上设置 src 但不替换内容。

0 投票
1 回答
900 浏览

ruby-on-rails - Rails turbo 帧响应未触发 turbo:load

我有一个使用Turboshow的标准内联编辑,它将视图的涡轮框架替换为_form. 但$(document).on "turbo:load", ->在这种情况下,事件不会触发。

我没有看到另一个应该使用的事件。任何想法如何在替换涡轮框架的响应上运行 js?(例如在表单中初始化日期选择器)

0 投票
1 回答
2316 浏览

javascript - 加载新的 Turbo Frame 时如何执行 JavaScript

我在我的 Rails 应用程序中使用 Turbo Frames,并且在每个页面上都有

这可以很好地加载,并且当单击链接时会按预期替换框架。在这个框架中我已经设置overflow-y: scroll,在页面上创建一个可滚动的框架。每次在框架中加载新页面时,我都希望它滚动到底部。我怎样才能做到这一点?理想情况下使用原生 JavaScript。

0 投票
1 回答
544 浏览

ruby-on-rails - Rails:turbo-frame 请求的 src 解释为 format.html

我注意到涡轮帧通过src属性设置延迟加载的这种奇怪行为:

出于某种原因,它被解释为常规请求的 html 请求,尽管 turbo_frame_request?返回 => true。是什么导致它以及如何解决它?

PSprimary_menu.turbo_stream.slim存在于该控制器操作。

本地版本:

hotwire-rails 0.1.3 @hotwired/turbo-rails 7.0.0-beta.5

0 投票
1 回答
387 浏览

ruby-on-rails - Hotwire rails 应用程序:重定向到外部服务失败

我正在将话语单点登录与 hotwire rails 应用程序集成,一切正常,直到重定向,当它重定向时,我看到有 CORS 问题浏览器,当然它的 turbo 请求,所以它尝试从给定 URL 获取响应,所以它抛出 CORS 错误,我们如何可以在这里进行实际重定向吗?

在此处输入图像描述

编辑(1)

0 投票
1 回答
188 浏览

ruby-on-rails - 在 Rails 的 Turbo Frame 中查找当前 URL 或“主”控制器

我的页面上有一个 Turbo Frame,它使用src属性来加载/chats/. 在这个框架内,我希望能够知道主页面是否正在使用控制器的show操作groups,即页面的 URL 位于/groups/group_name.

Usingcurrent_page?(controller: 'groups', action: 'show')返回 false,因为它在chats控制器中看到自己。我该如何解决这个问题?

0 投票
1 回答
367 浏览

ruby-on-rails - Rails + Hotwire:为什么我的链接在单击时会消失?

我正在尝试将 Hotwire/Turbo 合并到现有的 Rails 应用程序中。我已将涡轮帧添加到一个简单的编辑页面,但现在当我单击后退按钮时,它会消失,而不是带我到目标页面。链接很简单link_to "Back", my_model_show_path(model_instance)

我看到网络请求发生了,并且成功了。DevTools 的 Network 选项卡中的页面预览显示正在加载并呈现为 html 的正确页面。浏览器只是不会将我带到新位置。

我如何使这项工作像以前一样?我觉得即使我使用的是 Hotwire/Turbo,我也应该能够使用常规链接重定向应用程序中的任何位置。

0 投票
1 回答
631 浏览

ruby-on-rails - 在多个地方使用刺激控制器

我希望能够在 Web 应用程序的多个位置使用刺激控制器。我想做这样的事情:

但是控制器似乎只是连接到第一个组件而不是第二个。是否可以按照我的意图使用它?

谢谢!

0 投票
0 回答
406 浏览

ruby-on-rails - 无法提交由 Rails Turbo Frame 响应绘制的表单

turbo_frame 内的表单被阻止再次提交。

当前页面和表单操作都是相同的路径。我看到表单现在必须重定向到新位置或返回错误代码:turbo/pull/39

我在每个索引视图上都有一个表单,向索引操作发送 GET 请求,它根据 url 查询参数过滤记录。这很好用。这在最新的 Rails 中不再可能了吗?是否有可以在此处应用的解决方法,以避免为表单操作创建新路线?

这些是幂等过滤/搜索请求,因此是 GET 方法。表单是收集和发送过滤器值的便捷方式。在这种情况下,带有 Hotwire 的 Rails 坚持重定向是否正确/有意?

更新: 如果我将表单提交为 xhr 而不是使用 Turbo,它会起作用。我在表格中添加local: falsedata-turbo: false。然后添加 index.js.erbdocument.getElementByID(<id of turbo frame>)并将其设置outerHTML为呈现的部分。不确定这是否会由于不推荐使用的 ujs 功能而停止工作(也许mrujs可以介入)。

0 投票
1 回答
1402 浏览

hotwire-rails - 如何重新加载单个涡轮帧并更新 url?

我试图做一个不涉及任何特定服务器端技术的最小示例。所以我刚刚用 bash 生成网页并用 cgi 提供它。

这将创建一个如下所示的网页:

没有查询字符串的初始页面

然后,当您单击 turbo frame reloader 链接时,您会得到以下信息:

具有更新的查询字符串编号、相同的奖励编号且没有 URL 更改的页面

幸运红利号码没有改变,因为它只加载了turbo frame,但是turbo frame里面显示的查询字符串号已经更新了。

整页 Turbo 链接执行此操作:

带有更新的 url 和更新的幸运奖金号码的页面

它会更新幸运红利号码(turbo 框架之外的内容)并更新 url。(但我确信它工作正常。我已经检查了网络选项卡。它每次只进行一次提取。)


我想做的事:

我想要一个只更新涡轮帧的链接(在我的示例中保持幸运奖金数字不变)但更新 url。我猜这个用例是如果你有一个始终保持不变的横幅或菜单,但是一个主 turbo 框架,其中包含应该对应于 url 的所有页面特定内容。

所以在这个例子中,我希望看到页面上的查询字符串和实际的查询字符串更新,只留下“幸运奖金号码”不变。