问题标签 [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 投票
1 回答
226 浏览

angularjs - UI-Select2 通过多个可选择的持久化更改

我想知道是否有一种简单的方法可以保留所选数据。就像select2 的 jquery 版本的事件一样。但这似乎在 Angular 版本中不受支持 - 遗憾的是。

到目前为止,唯一似乎有意义的事情是观察集合并对旧值和新值应用一些逻辑,以检测是否添加或删除了某些内容。但这看起来就像其他人以前可能做过的事情:)

我在这里遗漏了一些明显的东西吗?

0 投票
1 回答
112 浏览

c# - 在 javascript 中使用 select2 控件时出现 AmbiguousMatchException

我已经查看了许多其他帖子,AmbiguousMatchException但不知道如何解决我的问题。我有一个类似于以下类的 POCO,我通过使用 web api 将其序列化为 java 脚本将其用于前端

我有这两个同名但不同情况的属性,因为 ID 一直存在,并且包含属性 id 以使其与 Select2 控件一起使用,该控件在 java 脚本中需要此属性。但是,当使用此对象从 json 反序列化为 ac# 对象时

其中 json 是一个动态对象

我收到错误消息,说属性名称不明确。我无法删除 ID,因为它存在于许多其他属性被硬编码的地方,但我也无法在没有 id 的情况下使 select2 工作。我怎样才能让所有这些一起工作

0 投票
1 回答
184 浏览

javascript - 使用 angular-ui-select2 0.0.5 预选选项

我在使用Angularng-model在 select2 选择框中预选选项时遇到问题。这是我的代码:

控制器中的角度代码

HTML

数据

据我所知,这适用于 angular-ui-select2 的 0.0.2 版本,但不能高于该版本。我找不到有关如何执行此操作的任何信息。

提前致谢!

0 投票
1 回答
798 浏览

javascript - 在指令中覆盖 Angular ui-select2 formatNoMatches

select在指令模板中有多个,我想自定义“未找到匹配项”消息。根据http://ivaynberg.github.io/select2/上的文档,可以通过覆盖该formatNoMatches方法来完成。

这是我select在指令模板中的内容:

这就是我link在指令的 JS 文件中放入函数的内容:

但是,当select运行未选项时,它仍然显示“未找到的匹配项”而不是“自定义消息”。我究竟做错了什么?谢谢。

0 投票
1 回答
1127 浏览

angular-ui - angular-ui ui-select2 - 如何使用查询功能

ivaynberg 的 select2有这个很棒的特性queryoptions传递给调用的对象的属性select2({})

我遇到的麻烦是将此功能与angular-ui 的 ui-select2实现一起使用。

我想做类似的事情:

喜欢..我无法得到这样的工作 - 查询永远不会被调用 - 当我按照 ivaynberg 的 github 页面上的建议进行操作并将其更改<select><input type="hidden" ... />我什么都看不到时。

0 投票
2 回答
1363 浏览

angularjs - ui-select 在手风琴内部

Plunkr:http ://plnkr.co/edit/17ime385yybvlCXWBsTX?p=preview

Accordion 选项卡与 ui-select(不是 ui-select2)搜索结果重叠。我在 plunkr 中重现了这个问题。我尝试使用 z-index 调整 css,但似乎不起作用。知道如何解决这个问题

0 投票
1 回答
621 浏览

javascript - Angular ui-select2 指令是否有任何适用的选项?

给定以下 Angular select2 控制器:

从控制器中检索模型数据如下:

这是问题:

  1. 当控件第一次出现在屏幕上时,它看起来像一个普通的旧select下拉控件
  2. 在几分之一秒内,它的宽度变为 0
  3. 控件的 UI 再次更新为看起来像select2控件,但其宽度仅与占位符一样小
  4. 控件加载数据后,将其大小调整为 240px

当我尝试在检索数据之前(之前$scope.projectList = ...)设置宽度时,出现以下错误:

未为 Select2 s2id_projectListSelection 定义查询函数 ... angular.js:9402 RangeError:超过最大调用堆栈大小 ...

这是有道理的,因为 DOM 没有完全加载。所以...

但是我仍然看到同样的问题,其中宽度首先符合占位符,然后在加载数据后符合更宽的设置。

我设法解决了这个问题:

然而,这有点丑陋。

问题:

  1. 无论是否加载数据,是否有一个宽度选项适用?
  2. 是否有一个占位符选项可以让我显示诸如“正在加载数据...”之类的消息,然后显示不同的消息,即。加载数据后“选择一个项目...”?
0 投票
1 回答
1740 浏览

javascript - AngularJs Select2 多个:ng-selected 不起作用

如果它存在于过滤器中,我正在使用以下代码来选择项目

但它实际上并没有选择任何东西......其他选项是将ng-model设置为filters.key,但选择一个元素将取消另一个选择中的选择,因为它们绑定到同一个模型......

鉴于我上面的设置,如何使用 select2 multiple 恢复我的选择?

0 投票
1 回答
322 浏览

angularjs - 将普通值传递给模型 Select2 angular-ui

我使用angular-ui 中的select2,一切正常,但它传递给 ng-model 对象,我需要获取普通值

这是在控制器中

考虑到这一点

但结果是 {id: 0, text: 'kg'} 我只需要来自该对象的文本。我知道可以使用 .val() 来获取它,但我无法使用 angular... 那么如何格式化输出呢?可能吗?谢谢

0 投票
2 回答
3807 浏览

jquery - 格式化具有 json 的 Select2 下拉结果

我正在使用 select2 下拉控件来显示设施列表,例如设施 A、B、C...等。以及它的位置细节。我正在寻找以下输出,

在此处输入图像描述

目前我可以显示“设施名称”,但想从我的 json 对象中显示城市和州。 如何格式化我的结果以将它们显示为上述 html 格式? 到目前为止,这是我的代码。