问题标签 [stimulusjs]

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 回答
384 浏览

ruby-on-rails - 带有 Apartment gem 和 Stimulus Reflex 的 ActionCable 错误

我正在使用带有 ActionCable、gem Apartment 和 Stimulus Reflex 的 Rails 6 开发一个多租户应用程序。

connection.rb

` 模块 ApplicationCable 类 Connection < ActionCable::Connection::Base identify_by :current_user

结束结束`

我有这个,直到现在:

development.rb config.hosts << ".lvh.me" config.action_cable.url = 'ws://lvh.me:3000/cable' config.action_cable.allowed_request_origins = ['http:\/\/*.lvh.me:3000*']

通过在 connection.rb 中实现这行代码:logger.add_tags "ActionCable", "User #{current_user.id}", "Tenant #{tenant}"我可以在控制台中看到一开始一切正常,但是一旦我调用任何刺激反射动作,它就会显示:The ActionCable connection is not open! this.isActionCableConnectionOpen() must return true before calling this.stimulate(). 因为我在 Windows 机器上,所以我正在 Vagrant 框中开发应用程序,也许问题就在那里,但我不确定。请帮忙,我不知道如何解决这个问题。谢谢。

0 投票
1 回答
475 浏览

javascript - 如何保存 Google Place 自动完成的结果

首先,我想让你们知道,我已经检查了许多堆栈溢出问答,但我找不到正确的解决方案。

我按照 youtube 制作了一个 rails 应用程序。 https://www.youtube.com/watch?v=UtgwdLiJ5hA&t

它运行良好,包括该 youtube 中未涵盖的 markerCluster。

然而,我试图补充的是每个用户都有他或她自己的搜索结果(只有最后一个),并且在点击搜索按钮后,页面将被重定向到具有自动完成位置信息的查询的同一页面。

我成功地用查询重定向了同一个页面,但是在自动完成之后制作与地图对象相同的地图对象太难了。

最接近的答案如下,但它不能完美地工作,因为 AutocompleteService 没有将第一个预测作为我想要的位置返回,即使我在重定向之前放置了选择的确切地址。

如何为 Google Places API 自动完成文本框设置默认值

第二个试验只是复制自动完成对象的某些部分(边界、位置)并在重定向后应用到地图对象。它似乎只对位置起作用,但地图显示结果与边界和看到的区域有问题。

第三次试用是在第二次试用中使用 place_id,但我认为它不会起作用。

我真的很想插入地址文本,在重定向之前选择我选择的地址,并在页面被重定向后立即自动创建自动完成“place_change”事件。但是,我不知道该怎么做。

这是main_map_controller.js(它是刺激js)

0 投票
1 回答
2209 浏览

javascript - 输入更改事件不适用于 Stimulus 和 Vanilla JS

我有一个带有 3 个输入的模态表单。前两个是小时,我需要在第一个更改时更新第二个小时的值。

我已成功将 Stimulus 控制器连接到表单,并且可以在控制台中显示它。这是我的控制器代码:

连接工作正常并在控制台上打印:

但是当我改变这个输入的值时,警报没有弹出......

我还尝试忽略更改,因为它是输入的默认操作,但警报仍然没有出现。

并且还尝试在 js 上使用普通的事件监听器,如下所示:

但还是不行。奇怪的是,点击事件的行为符合我的预期,但变化并没有......

有任何想法吗?

0 投票
0 回答
484 浏览

javascript - 如何在 Bootstrap 日期时间选择器中监听输入更改事件?

我在我的项目中使用引导日期时间选择器,我需要监听输入标签的更改以修改第二个标签的值。我试图用 vanilla Js、jQuery 甚至 Stimulus.js 来听它,但没有成功。我可以正确收听单击事件,但更改不起作用。

这是我的选择器,尝试了一些监听更改事件:

香草:

jQuery:

刺激.js

他们都很好地响应了点击事件,但没有改变......

我真的不知道如何使用选择器功能来管理它,文档让我很困惑......

0 投票
2 回答
2857 浏览

javascript - 如何在我的 Stimulus JS 控制器中声明一个 const 字符串?

我想为我的控制器的 CSS 选择器设置一个 const 变量,而不是在整个控制器中对其进行硬编码。我已将声明放在控制器的 initialize() 中,但出现未声明变量的错误。这样做的正确方法是什么?

当前尝试

错误: ReferenceError:未定义 seasonInputSelector

0 投票
1 回答
1265 浏览

ruby-on-rails - 为什么 Rails 6 Stimulus Reflex 会重新渲染具有重复内容的页面?

我一直致力于在现有的 Rails 6 应用程序中启动和运行 Stimulus Reflex。成功!我有几个反应在行动,ActionCable 正在做它的工作......一切都很好。但是,在反射成功并且 Stimulus 通过 ActionCable 进行通信后,页面在我眼前更新,内容重复。

下面的表单只是简单地点击了保存表单对象的反射。如您所见,在 Stimulus 和/或 Turbolinks 重新呈现表单后页面不正确。在这种情况下,它会双重呈现表单提交按钮。

我不知道为什么会发生这种情况,希望这里有人看到这个双重渲染问题。

在此处输入图像描述

在此处输入图像描述

HTML

反射

0 投票
1 回答
149 浏览

ruby-on-rails - 刺激反射生命周期事件

这个要点是一个使用刺激反射的应用程序。这是关于分页反射的,我需要隐藏的afterReflex()是执行回调时的微调器,但有时它不起作用。

https://gist.github.com/matedemorphy/94c6ad13b6aebd89862b5b14120c98df

我在 config/initializers/session_store.rb 中有这一行

Rails.application.config.session_store :cookie_store, key: _my_app, domain: lvh.me, 但随后在 development.rb

config.session_store :cache_store config.cache_store = :file_store, Rails.root.join(tmp, cache).to_s, { size: 320.megabytes }

那里可能有些冲突?

0 投票
1 回答
1025 浏览

ruby-on-rails - 来自刺激控制器的 Rails URL 助手?

简单的问题,从刺激控制器内部访问 URL 助手的正确方法是什么?

现在我们必须做一些相当臭的代码,控制器通过 erb 传递,以允许这样的事情:

我根本不喜欢这个,但不知道该怎么做。

0 投票
2 回答
1607 浏览

ruby-on-rails - 如何使用刺激远程 true 提交 simple_form

我有一个非常简单的表格

现在我的刺激看起来像

表单提交但它不尊重remote: true.

0 投票
1 回答
77 浏览

ruby-on-rails - 将 data-action 与 cocoon:after-insert 一起使用

我正在将一些较旧的 JS 转换为刺激。

茧加部分的样子

这是 HTML 输出

现在 someMethod 我们正在工作,因为我在 connect 上调用它,但我在从用户界面调用它时遇到问题。