问题标签 [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.
javascript - 如何从 select2 组合中的 id 获取名称?
我有select2
ComboBox 数据是由 Ajax 加载的。我正在尝试通过从输入值(在服务器端设置)select2
读取默认值并将其设置为编程方式。id
select2
我认为我应该initSelection()
以解决此问题的方式实现该功能。
这是我的代码:
HTML 输入为:
JavaScript 是:
我试过了,但没有用。
并发生错误:“如果initSelection()
未定义,则无法调用 val()”
angularjs - 使用 AngularJS 和 Select2
我正在尝试使用 select2 标签下拉菜单。
我调用向我发送数据的 API。我将数据放入 select2 中,如下所示:
数据是包含学生对象的数组,所以我用这个来获取对象内部的名称。
当我从下拉列表中选择第一个名字时,一切都很完美,但是当我尝试选择第二个名字时,就像列表中没有可供选择的内容一样,但是如果我删除现有的选择,所有的名字都会回来。
在这里,我选择了第二个,没有任何反应:
这是我没有选择任何人的时候。
当我点击时它会显示名称,但是当我输入搜索词时会显示
更新:
有谁知道这里可能出了什么问题,我猜我需要告诉 select2 在对象内搜索该术语,但是如何?
jquery - select2 - 用作自动完成文本框(即使不是选项)
我正在尝试将 select2 附加组件用作具有自动完成功能的更多文本框(与下拉列表相比)。这意味着如果用户键入的内容不在列表中,我希望此自定义值保留为表单的值。
我搜索了stackoverflow并发现了以下内容:
他们都没有保留“自定义”值。
angularjs - ui-select2 ng-model 的范围是什么
我遇到了一个奇怪的问题,无法理解发生了什么。
我使用以下代码
在我的控制器上
当我稍后引用它时,对选择所做的更改不会反映在WhseAssociations
变量中,但是在函数内部完全填充但未填充。$scope
valueChanged(whse)
whse
$scope.WhseAssociations
所以我的问题是这个的范围是什么,WhseAssociations
我如何在我的控制器中访问它?
angularjs - 结合ng-grid和ui-select2:无法选择值
在 ng-grid 的 editableCellTemplate 中,我想使用更用户友好的下拉菜单,我发现 ui-select2 是一个不错的选择。
然而,在 ng-grid 中使用该组件时,任何单击该组件都会导致单元格跳回不可编辑模式。
这样我就不能使用鼠标选择另一个值(我可以使用键盘上的箭头)。
当我将下拉列表放在 cellTemplate 中时,它可以工作,但它也应该在 *可编辑*CellTemplate 中工作。
可以在这里找到一些代码来了解我的意思。
http://plnkr.co/edit/taPmlwLxZrF10jwwb1FX?p=preview
有谁知道为什么会发生这种情况,以及可以做些什么来解决它?
javascript - Angular UI select2 - 在选项卡开关上显示 [object Object]
带有 Angular 的 select2 似乎正在工作 - 但是我使用的是 ui-router 并且我有不同的选项卡。
我的 select2 输入之一用于两个选项卡,并且 ng-model 是相同的。虽然一切正常,但当我从一个选项卡切换到另一个选项卡时,它不会显示 select2 输入中的值,而是显示 [object Object],即使我从选项卡 A 切换到选项卡 B,然后再次切换到选项卡 A,而不是看到我放下的值,我看到了[object Object]
有一个简单的解决方法吗?
代码如下:
angularjs - 为什么select无法显示选中的值
我无法理解为什么以下代码无法显示所选值。任何帮助都非常感谢。
我看到关联已通过选择正确更新,并且选择列表也按预期工作,但是未显示所选值。
我在这里有一个工作示例:http: //plnkr.co/edit/cd7ceZC6AMluBWQh6Swu ?p=preview
谢谢基兰
jqgrid - 带有 JQGRID 的 Select2 插件
我在 JQgrid 中使用 Select2 插件来自动完成下拉框。我使用这个例子来完成。
使用带有 JqGrid 表单的 bootstrap select2
我用上面的例子创建了一个小提琴。 http://jsfiddle.net/VTL4x/3/
select2 的数据是从 JSON 提供的,但我无法在 JSfiddle 中复制它,所以我已经注释掉并使用了硬编码值。
Json 字符串是
问题是当我尝试编辑记录时,它不显示具有 Select2 下拉框的字段的值。但是当你消费时,我可以看到正确的值以蓝色突出显示。
我试图调试提供的演示,但也有同样的问题。
我对前端编程相当陌生,请您帮忙。
谢谢你的帮助
javascript - 如何使用 angular 指令作为 angular-ui-select2 结果的自定义标记?
我正在使用angular-ui-select2生成一个选择框。
默认情况下,select2 列表中显示的结果只是显示一段文本,但 select2提供了一个配置选项,formatResult
可以从中返回自定义标记。
我想使用我编写的另一个指令作为结果标记的一部分。
这个 plnkr演示了一个最小的用例。如何projectLikesCount
在下拉列表中正确编译和显示指令?
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 选项: