问题标签 [select2-rails]

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 投票
1 回答
1080 浏览

ruby-on-rails - Rails 5 ask_as_taggable 与 select2

无论是 text_field 还是 select,我都无法在 rails 5 表单中看到 select2 的效果。有谁知道为什么 tag_list 没有被填充。我可以看到 tag_list 有值,但正如您在下面的快照中看到的那样,它显示“未找到结果”。select2 是否可以与 Rails 5 一起使用,因为我已经尝试了几个选项? 在此处输入图像描述

形式:全选将显示所有值到框中

我使文本字段变得简单而不是 select2,并且能够通过添加:tag_list强参数在 DB 中添加标签。

应用程序.js -

注意:select2 不起作用 o 我使用了我在 Google 某处看到的 select2-full。

选择2的JS代码

});

现在,我检查了普通的 HTML 和 JS,它甚至可以与 select2(或 select2-full)一起使用

而对应的JS代码为:

});

有人能指出普通的 HTML 选择输入是否适用于 select2,为什么它在 rails 5 中没有相同的功能?我尝试了 bootstrap_form_for 和 form_for。我什至阅读了有关 turbolinks 问题...如何解决 turbolinks 不加载 select2 的问题?

0 投票
0 回答
54 浏览

select2-rails - 使用数据库中未找到的 select2 添加值?

我正在尝试使用select2搜索一种在我的文章的当前类别中添加新类别的方法,但我们知道它只返回那些已经保存在数据库中的类别。我想做一些事情,以便那些不存在的类别可以在运行时自动创建如图所示,没有找到结果,而是应该创建一个新类别。任何人都可以建议一种方法吗?

0 投票
1 回答
493 浏览

ruby-on-rails - Select2 轨道形式重新填充

我创建了一个带有多个 select 和 collection_select 元素的 rails (v5) 表单。然后我使用 Select2-rails (v4.0.3) 来允许看起来像标签的漂亮选择。搜索选项由 ajax 提取。

在按下缺少必填字段的提交按钮之前,它工作正常。有效的字段内容现已从字段中删除。

让我给出一些示例代码:

控制器:

形式:

:field 肯定是模型中的可写字段(并且数据设置得很好)

咖啡脚本:

我正在考虑很多可能性,但最后我不确定现场数据来自哪里。它在对象内部,但不会以任何方式写入生成的 HTML。即使将 id 写为选定选项,select2 脚本也需要知道如何将其转换为字符串以显示真实数据。

知道如何在验证失败后实现数据仍写入字段吗?

0 投票
1 回答
56 浏览

javascript - 为什么这个委托版本的 jQuery 的 .on 不能正常工作?

当我运行这段代码时,我没有得到简单的alert. 我将它委托给了,body因为页面加载时 DOM 中不存在该元素,它是在通过 https://github.com/argerim/select2-rails单击下拉列表后动态生成的。

一如既往,我感谢任何帮助!甚至告诉我我很烂并重新阅读文档并对其进行更多故障排除!但请不要在不给我一些建议的情况下投反对票:/

编辑

对不起大家,我不知道我使用的 select2 库有可以绑定的事件。几个月前我刚开始工作,继承了一个大型代码库,其中一部分是 select2,所以我今天深入研究了文档。

再次感谢Pointy, A. Wolff, Kresimir Pendic,charlietfl让我开始了修复之路!

0 投票
1 回答
1177 浏览

ruby-on-rails - Rails 5 和 select2 错误,select2 不是函数

我正在尝试使用 rails select2 gem,gem 'select2-rails' 但是当我尝试将它与以下订单导入顺序一起使用时,我的浏览器抱怨 select2 不是一个函数。从我发现这个顺序应该是正确的。

javascripts/application.js

0 投票
1 回答
1137 浏览

javascript - Select2 不适用于 rails 中的选择元素,我在哪里可以找到丢失的链接?

到目前为止对我有帮助的页面:

预期结果:

  • 我将 select2 应用于我的选择元素。从那一刻起,我将再次开始自己修理东西。

实际结果:

  • Select2 不适用于选择元素。

到目前为止我采取的步骤:

  1. 将其添加到 gem,进行捆绑安装。
  2. //= require select2像这样添加


  1. 将 require select2 和 require select2-bootstrap 添加到 application.css

  1. 在我name.html.erb那里有:

我创建了一个Tag.rb(数据保存到数据库): class Tag < ApplicationRecord validates_presence_of :name end

  1. 现在是最后一步(据我了解),我将功能应用于元素(将代码添加到application.js下面//= require_tree .): $( "#dropdown" ).select2({ theme: "bootstrap" });

将其更改为:

$( "#tag_list1" ).select2({ theme: "bootstrap" });

安慰: Uncaught TypeError: $(...).select2 is not a function

我解决了这个问题:

预期结果:

  • 我将 select2 应用于我的选择元素。

实际结果:

  • Select2 不适用于选择元素。

请指教。


更新 1 这是 html 输出:

0 投票
1 回答
272 浏览

ruby-on-rails - Ruby on Rails select2 提交不起作用

我想像上面链接中的第一个示例一样搜索帖子标题。

代码:

这是单击提交时来自我的服务器的请求。

指向此 URL:

它应该指向以下 URL:

我究竟做错了什么?

预先感谢您的任何帮助!

0 投票
0 回答
341 浏览

ruby-on-rails - select2 rails 通过过滤器选项搜索?

也许你们中的某个人能够帮助我解决这个问题。

假设我有一本书模型。我想搜索我所有的书名,我现在已经在 select2rails 的帮助下完成了。每本书都属于一个类别,我想启用“过滤器”功能,在其中选择一个类别,我的搜索栏会显示所有结果,但仅在所选类别内。

例如 :

我有一本书叫指环王,属于奇幻类。我还有一个家族的书主,属于类别家族。当我在搜索栏中输入 lord 时,两个标题都会显示,但我希望可以选择一个类别。

(我已阅读有关 select2 的文档,但找不到任何可以帮助我解决此问题的内容。)

示例:选择的类别 = 幻想

我输入 lord,只会显示指环王。

我如何实现这一目标?

书本.rb

书籍控制器

0 投票
1 回答
3264 浏览

jquery - Select2.js - 搜索输入以仅允许数字

我现在为此苦苦挣扎了一天,可能真的很容易解决。

我想要的是只接受数字的搜索字段,所以我尝试了这样的事情:

在此处输入图像描述

但这不起作用...实际上我什至无法到达'.select2-search__field'. 是否在按键、更改、点击、某事上都没关系...我只想知道如何获取该输入,以便过滤输入中的文本。

希望您能够帮助我。谢谢!

0 投票
1 回答
389 浏览

javascript - 输入按钮未使用 select2 和 X-editable 提交

我正在使用X-Editableselect2使用 Rails,虽然我能够select2成功实施,但我不再能够按 Enter 按钮来提交更改。

这是我使用时的样子select

在此处输入图像描述

在这里,我可以从下拉列表中执行我的选择并按 Enter,它会提交更改。

但是,当我更新为使用select2

在此处输入图像描述

下拉菜单完美运行,搜索完美运行,但在键盘上按 Enter 不再提交更改,我现在必须使用鼠标单击旁边的蓝色复选标记按钮才能提交更改。

我需要修复它,以便按 Enter 按钮执行提交操作,就像使用select. 我尝试触发警报以查看是否可以找到输入操作,但使用以下代码无济于事:

更新

我认为它不起作用的主要原因是搜索字段。已分配回车键以从下拉搜索字段中选择一个选项,这就是它不提交的原因。从下拉列表中选择一个选项后,我有什么办法可以重新映射,以便您第一次按 Enter 时,它会从下拉列表中选择正确的选项,然后第二次按 Enter 时提交?