问题标签 [stimulusjs]

我正在尝试学习刺激反射。在一个基本的项目管理应用程序上工作，我试图从控制器重定向到某个路径。如何使用刺激反射来做到这一点

我希望你们一切都好！

我是 RoR 和 JS 的新手，我正在努力将它们连接起来。

我有一个配方模型，它通过一个列表连接到一个成分模型。

我发现了 Stimulus，我正在尝试获取我所有的食谱，并且通过一个按钮，只获取蔬菜的。为此，我想我必须获取与食谱相关的成分列表：

和

但这似乎不是正确的方法。

（编辑）我的问题是我用我的 RoR 应用程序创建了一个数据库，但我找不到在我的刺激控制器中使用它的方法。我在刺激控制器中所能拥有的只是一个只有一个表的 JSON：我的食谱。我无权访问我的 RoR 模型中关联的表。有没有一种简单的方法可以在 Stimulus 中访问它们？

我在我的 Rails 6 应用程序中使用 StimulusJS，我需要在data-action属性上创建一个自定义事件侦听器，以使用dragula.js.

在控制器内部，根据文档很容易捕获事件：

但是我想直接捕获元素上的事件，这可能吗？侦听正常的 drop 事件不起作用：/。

对 Stimulus 和 Hotwire 比较陌生，想知道，

“有没有办法在两个不同的页面上为同一个广播对象渲染两个不同的部分？

我正在尝试将页面上的对象从一个控制器渲染和广播到具有不同样式的不同控制器的另一个页面。

示例如果我<%= render @live_room.room.questions %>在页面中live_room.html.erb 打印并<%= render @room.questions %>在show.html.erb

他们都渲染了部分_question.html.erb

我想根据页面呈现不同的设计。

有没有人遇到过这个问题或知道如何解决这个问题？我很想得到一些见解！

干杯!

我有一个注册表单，允许锦标赛主管选择他们在参与者注册锦标赛时将要求的字段。我按照 Go Rails 上的视频使用刺激 JS 将动态嵌套表单字段添加到表单中，效果很好。

我正在尝试在表单的另一部分中添加第二组字段。该表格分为部分，基本信息，联系信息，比赛信息等，我希望能够向每个部分添加自定义字段。

在基本部分它工作得很好。我可以添加和删除自定义字段，但是当我将它添加到联系人部分时，即使将嵌套表单更改为嵌套联系人，它也只会在我在基本部分中创建的字段中添加。我可以从任一部分添加和删除，但它只是在两个部分中都显示它们。

这是我现在的表格。我仍然需要添加其他部分，但在添加表单的其余部分之前，我试图让基本和联系人自定义字段正常工作：

这是 _custom_fields_basic.html.erb

这是 custom_fields_contact.html.erb 文件：

这是 nexted_form_controller.js

还有nested_contacts_controller.js：

如果有办法用一个控制器来做这件事会很棒，但如果有必要，我可以为每个部分设置单独的控制器。

谢谢

我正在关注 Andy Leverenz 的 (WebCrunch) Dropzone/Stimulus 教程，但不知道如何实现更新操作。我可以轻松上传多个文件，但是当我尝试编辑它时，我的所有附件都消失了，我必须重新上传。我认为我需要做的是在刺激控制器（@rails/ujs）上获取我的对象附件并检查浏览器 URL 是否与 edit_path 匹配，然后在加载时在表单上附加文件（document.ready）。

dropzone_controller.js

index.js

_form.html.erb

刚刚使用 Symfony 4.4 和 Webpack Encore 开始一个新项目：Stimulus 就在这里！我从来没有使用过它，它看起来对我来说效果不佳。我的代码有问题吗？我只是有一个渲染的 Symfony 控制器，base.html.twig这个文件包含这个：

并且hello_controller.js包含这个：

在浏览器中，当我检查代码时，捆绑的 javascript 代码“渲染”得很好，但是当我单击“问候”按钮时没有任何反应。

如何使我在 Trix（ActionText）编辑器中添加的链接在 target="_blank" 的新窗口中打开链接？

尝试按照本教程在轨道中创建带有刺激的无限滚动。这是我的观点：

我的导轨控制器：

最后是我的 js 控制器：

负责查明是否点击页面底部的代码每次运行的次数不同，并且会向视图中添加太多结果。

我怎样才能让它有希望地运行一次，或者让它检查是否添加了 html，之前是否添加过......或者这可能不是一个好主意。

按照本教程，我在我的 Rails 应用程序中使用 Dropzone.js 实现了拖放图像上传：https ://web-crunch.com/posts/rails-drag-drop-active-storage-stimulus-dropzone

现在我还想在上传图像之前将它们调整为最大宽度。Dropzone.js 有一个transformFile为此目的的功能，但我还没有设法使它工作。我尝试了以下方法。

当我创建 dropzone 元素时，我声明了一个最大宽度 ( resizeWidth)：

transformFile然后，我在addedfile事件侦听器中调用该函数：

但是，控制台上的响应是Uncaught TypeError: Cannot read property 'resizeWidth' of undefined

有人可以帮助我吗？