问题标签 [ui-select2]

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 投票
2 回答
1728 浏览

javascript - 如何从 select2 组合中的 id 获取名称?

我有select2ComboBox 数据是由 Ajax 加载的。我正在尝试通过从输入值(在服务器端设置)select2读取默认值并将其设置为编程方式。idselect2

我认为我应该initSelection()以解决此问题的方式实现该功能。

这是我的代码:

HTML 输入为:

JavaScript 是:

我试过了,但没有用。

并发生错误:“如果initSelection()未定义,则无法调用 val()”

0 投票
1 回答
1123 浏览

angularjs - 使用 AngularJS 和 Select2

我正在尝试使用 select2 标签下拉菜单。

我调用向我发送数据的 API。我将数据放入 select2 中,如下所示:

数据是包含学生对象的数组,所以我用这个来获取对象内部的名称。

当我从下拉列表中选择第一个名字时,一切都很完美,但是当我尝试选择第二个名字时,就像列表中没有可供选择的内容一样,但是如果我删除现有的选择,所有的名字都会回来。

在这里,我选择了第二个,没有任何反应:

在此处输入图像描述

这是我没有选择任何人的时候。

在此处输入图像描述

当我点击时它会显示名称,但是当我输入搜索词时会显示

更新:

有谁知道这里可能出了什么问题,我猜我需要告诉 select2 在对象内搜索该术语,但是如何?

0 投票
2 回答
16096 浏览

jquery - select2 - 用作自动完成文本框(即使不是选项)

我正在尝试将 select2 附加组件用作具有自动完成功能的更多文本框(与下拉列表相比)。这意味着如果用户键入的内容不在列表中,我希望此自定义值保留为表单的值。

我搜索了stackoverflow并发现了以下内容:

在 select2 上禁用“未找到匹配项”文本和自动完成

select2,当没有选项匹配时,应该出现“其他”

他们都没有保留“自定义”值。

0 投票
1 回答
1047 浏览

angularjs - ui-select2 ng-model 的范围是什么

我遇到了一个奇怪的问题,无法理解发生了什么。

我使用以下代码

在我的控制器上

当我稍后引用它时,对选择所做的更改不会反映在WhseAssociations变量中,但是在函数内部完全填充但未填充。$scopevalueChanged(whse)whse$scope.WhseAssociations

所以我的问题是这个的范围是什么,WhseAssociations我如何在我的控制器中访问它?

0 投票
2 回答
5129 浏览

angularjs - 结合ng-grid和ui-select2:无法选择值

在 ng-grid 的 editableCellTemplate 中,我想使用更用户友好的下拉菜单,我发现 ui-select2 是一个不错的选择。

然而,在 ng-grid 中使用该组件时,任何单击该组件都会导致单元格跳回不可编辑模式。

这样我就不能使用鼠标选择另一个值(我可以使用键盘上的箭头)。

当我将下拉列表放在 cellTemplate 中时,它可以工作,但它也应该在 *可编辑*CellTemplate 中工作。

可以在这里找到一些代码来了解我的意思。

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

有谁知道为什么会发生这种情况,以及可以做些什么来解决它?

0 投票
0 回答
363 浏览

javascript - Angular UI select2 - 在选项卡开关上显示 [object Object]

带有 Angular 的 select2 似乎正在工作 - 但是我使用的是 ui-router 并且我有不同的选项卡。

我的 select2 输入之一用于两个选项卡,并且 ng-model 是相同的。虽然一切正常,但当我从一个选项卡切换到另一个选项卡时,它不会显示 select2 输入中的值,而是显示 [object Object],即使我从选项卡 A 切换到选项卡 B,然后再次切换到选项卡 A,而不是看到我放下的值,我看到了[object Object]

有一个简单的解决方法吗?

代码如下:

0 投票
3 回答
371 浏览

angularjs - 为什么select无法显示选中的值

我无法理解为什么以下代码无法显示所选值。任何帮助都非常感谢。

我看到关联已通过选择正确更新,并且选择列表也按预期工作,但是未显示所选值。

我在这里有一个工作示例:http: //plnkr.co/edit/cd7ceZC6AMluBWQh6Swu ?p=preview

谢谢基兰

0 投票
1 回答
1232 浏览

jqgrid - 带有 JQGRID 的 Select2 插件

我在 JQgrid 中使用 Select2 插件来自动完成下拉框。我使用这个例子来完成。

使用带有 JqGrid 表单的 bootstrap select2

我用上面的例子创建了一个小提琴。 http://jsfiddle.net/VTL4x/3/

select2 的数据是从 JSON 提供的,但我无法在 JSfiddle 中复制它,所以我已经注释掉并使用了硬编码值。

Json 字符串是

问题是当我尝试编辑记录时,它不显示具有 Select2 下拉框的字段的值。但是当你消费时,我可以看到正确的值以蓝色突出显示。

我试图调试提供的演示,但也有同样的问题。

我对前端编程相当陌生,请您帮忙。

谢谢你的帮助

0 投票
1 回答
127 浏览

javascript - 如何使用 angular 指令作为 angular-ui-select2 结果的自定义标记?

我正在使用angular-ui-select2生成一个选择框。

默认情况下,select2 列表中显示的结果只是显示一段文本,但 select2提供了一个配置选项formatResult可以从中返回自定义标记。

我想使用我编写的另一个指令作为结果标记的一部分。

这个 plnkr演示了一个最小的用例。如何projectLikesCount在下拉列表中正确编译和显示指令?

0 投票
2 回答
6399 浏览

angularjs - 尝试在标签模式(不是简单标签)中使用角度 ui-select2,丢失对象

我最近从 angular 1.1.4 升级到 1.2.9,并获取了最新的 ui-select2 指令和最新的 select2 组件。我在标签模式下的 select2s 已停止工作。选项列表和预输入工作,但是当我从中选择任何内容时,新标签显示为没有值的空白内容,并且调试它,我看到它正在从 {text: "foo", id: 10}刚刚下降到 10 - 对象被替换为 id。我真的很感激任何关于为什么会发生这种情况的见解。

演示:http ://plnkr.co/edit/RepMSFQsIPDuPTNFWKUN?p=preview

这是我的 select2 选项: