问题标签 [jquery-select2]

我正在尝试在 Rails 3.2 应用程序中实现select2 。

具体来说，我想使用模板来显示带有国家标志+国家名称的国家选择字段。

我有一个 Country 模型和 User 模型。My Country 模型有一个:code属性。我正在使用 CSS 精灵来显示基于:code属性的标志。

在我的用户表单中

在 user.js.coffee.erb 我有

我无法将它们全部联系在一起（可能是我不断学习资产管道和 js.erb 如何工作的一部分）。

目前，选择字段使用 select2 呈现，但仅包含国家列表。没有格式化。

如何将每个国家/地区传递给该format = (country)函数，以便使用标志对其进行格式化？

感谢您的任何指示。

我正在尝试将 select2 gem 集成到我的应用程序中，以使我的选择使用 jquery 并且看起来更好。我已经安装了 gem 并将适当的行添加到我的资产中，但我不确定如何在选择时调用它。

这是我没有它的选择示例。

有人可以为我指出正确的方向如何调用 select2 以使其正常工作吗？

我正在尝试使用 createSearchChoice 函数来允许用户在默认列表不够用时输入他们自己的选择。当我尝试在<select>元素上使用此函数时，我收到以下错误：

Error: Error: Option 'createSearchChoice' is not allowed for Select2 when attached to a <select> element.

我尝试使用一个<input type='hidden'>元素，但现在收到以下错误：

Error: uncaught exception: query function not defined for Select2 'MyInputName'

我更喜欢使用 select 元素来与现有代码保持一致（需要能够选择多个选项），但除了从先前的列表中进行选择之外，还需要用户输入自己的选项的能力。

我在asp.net上使用select2 。dropdownlist代码如下：

问题是，一旦select2()调用函数，制表符排序就会停止工作。因此，当按下下拉列表中的 tab 键时，焦点不会移动到具有下一个最高 tabindex 的控件，而是看似随机地移动到其他一些控件。

注释调用函数的行解决了这个问题，但我需要过滤。我已经尝试过这里讨论的其他一些过滤技术，但它们太复杂了。Select2 非常简单实用，因为您所要做的就是包含 JS 和 CSS 文件并调用该函数。

我该如何解决这个订购问题？或者，是否有另一个像 select2 一样易于使用的过滤选项可以帮助我？

按照此处的说明进行操作：

http://rubydoc.info/gems/select2-rails/3.1.0/frames

我仍然无法在我的简单 Rails 应用程序中显示select2显示。我已确保 gem 已安装、添加//= require select2到. 此外，我在 a 中包含了以下内容：application.js*= require select2application.cssusers.js.coffee

我有一个有很多职位的用户模型：

我试图让 select2collection_select在我的users/index.html.erb页面上显示：

因此$('#user_position_ids').select2我的javascripts中的行。由于某种原因无法让select2显示，所以非常感谢有人指出我正确的方向。谢谢！

我正在使用以下代码尝试从另一个页面加载一个页面，以便我可以在对话框中显示第二页 html：

但是，当在第二页加载 select2 控件时，它无法识别 select2 选项，并且基本上不会加载其功能。我在两个页面中都有对 select2.js 的引用，其他一切都运行良好，但在那里。

1. 有谁知道如何解决这个问题？
2. 有没有更好的方法从另一个页面加载一个页面并让它工作？

谢谢。

我是 Javascript、jQuery、Ajax 和 JSON 世界的新手。

我需要做的是混合 SELECT2 可用的 2 个选项

占位符

和

加载远程数据

从 Select 网站可以看出，这些选项完全不同。当我单击加载远程数据字段时，它会打开一个搜索选项。但我不想那样。我希望下拉菜单中包含 PlaceHolder 示例中的可用选项。

在占位符示例中，下拉列表中可用的选项在 HTML 中进行了硬编码。我需要的是，当您打开时，它会转到 json 文件并返回 json 上可用的信息。

理想的做法是将占位符 Select2 的 UI 与另一个 Select2 示例中的加载远程日期的功能（在服务器上获取 json）一起使用。

任何想法？如果 2 不能组合，我愿意接受任何超快速的 Ajax 解决方案。

ASP.NET MVC 的集合模型绑定需要名称属性中的方括号索引<input />才能正确绑定集合模型，例如<input name="Lines[0].Name" />，使用如下操作：

但是，名称属性中的句点和方括号是某些 jQuery 插件的一个已知问题，包括我正在使用的Select2列表选择器。

由于我不想破解 Select2，我如何告诉 ASP.NET MVC 使用句点或下划线而不是方括号来分隔集合索引，例如<input name="Lines.0.Name" />？

注意：我正在使用这个集合模型绑定技术来生成非顺序Guid索引，所以我已经声明了一个自定义的HtmlFieldPrefixScope.

更新：我通过破解 Select2 事件中的自定义滚动/调整大小事件名称来解决这个问题，这些事件将无效[或]字符传递给bind/ unbindjQuery 方法。

我在使这个 plunkr (select2 + angulat-ui) 工作时遇到问题。

http://plnkr.co/edit/NkdWUO?p=preview

在本地设置中，我得到了 select2 的工作，但我无法按照文档中的描述设置宽度。它太窄而无法使用。

谢谢你。

编辑：没关系那个plnkr，我在这里找到了一个工作小提琴 http://jsfiddle.net/pEFy6/

看起来这是 select2 折叠到第一个元素的宽度的行为。我可以通过引导程序设置宽度。class="input-medium"仍然不确定为什么 angular-ui 不采用配置参数。

我正在尝试更改 select2 元素的大小，但它似乎无法正常工作（下拉菜单的大小未正确调整）。我考虑并尝试过的一种方法是在 .open 上使用 preventDefault() ，但是如何在动画完成后甚至触发默认值？我还尝试隐藏然后显示 select2 下拉菜单，但似乎也无法使其正常工作。我有一个 jsFiddle，以及这里的代码，请帮助:)

jsFiddle： http: //jsfiddle.net/acpFh/2/ （如您所见，单击 select2 字段会调整顶部的大小，但不会调整下拉菜单）

代码：

干杯，并提前感谢您的帮助！