问题标签 [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 在动态列表中插入一个空文本选项
我正在使用带有 Jquery-editable 的 Select2 并遇到 Select2 的异常行为,我正在做的是使用 ejs 模板显示可编辑的信息表,并且当用户单击 CBA 时会打开一个具有最初选择结果的 select2 框,然后用户可以在其中添加或删除选项,选项来自数据库源,当用户选择一个选项时,它会在数据库中添加一个带有所选选项的空选项,数组看起来像这样
[“ABCD”、“ONAB”、“”、“BCNU”]
我在某处读到了有关 allowClear: true 并添加了一个 placeHolder 但它根本没有帮助我。由于一切都是动态完成的,我找不到添加空选项的位置。
代码如下:
Select 2 的 Ejs/HTML 代码
选择 2 的 Javascript
从数据库返回代码的格式:-
显示自己添加的空框的图像
我编辑后数组的外观
jquery - Angular - 如何构建动态添加的控件?
我对 angular 还很陌生,并且已经使用 requirejs 和 angular 设置了一个项目,但使用 UI 做了相当简单的事情。
我的问题是使用角度,你如何去创建一个可以在运行时重用和添加的组件/控件。例如,在 jquery 中,我可能会创建一个插件并在对元素调用插件之前动态添加 dom 元素。
即 $(el).append("").mycontrol({opts:1});
我还没有真正开始使用角度模板和重复,但认为这可能是要走的路,但是如何“引导”动态添加的新控件。
我想到的例子是我正在使用 ui-select2 (AngularUI),我想在一些动态添加到 dom 的面板中包含 select2 组件。
当然,另一种解决方案是从添加主机 dom 元素的 ng 控制器调用 select2 函数。
欢迎任何信息
javascript - 如何初始化一个 select2 禁用
我有一个简单的 select2 init,我想在默认情况下禁用它,而不用在之后链接 a .select2("enable", false)
。
HTML:
JS:
有关示例,请参见我的JSFiddle。在此处选择 2 个文档。
angularjs - 范围内未检测到角度 ui-select2 值
对于一些背景知识,我正在尝试创建一个允许用户发送消息的简单表单。我正在使用 ui-select2 来允许用户搜索消息收件人,但由于某种原因,选择用户不会更新必要的范围变量。
这是相关的 html 代码(它是指令的模板),这是指令代码:
我已经尝试过使用和不使用链接元素和范围元素的指令,但这些更改似乎没有任何区别。我还尝试输出消息对象的内容,虽然它确实获取了对内容和主题的更改,但它并没有获取对收件人的更改。另外,我已经在我的应用程序的其他地方成功使用了 ui-select2,所以我不确定这个实例有什么不同。
如果您需要更多信息,请告诉我。
javascript - AngularJS ng-repeat 过滤器功能无法正确过滤
我有 ui-select2 下拉列表,它取决于父级的选择。我为第一个 ui-select2 提供了一系列选项,然后当从该下拉列表中选择某些内容时,将出现下一个下拉列表。第二个下拉菜单的可用选项取决于第一个下拉菜单中选择的内容。ng-repeat 指令正在迭代一系列选择。这是html和js代码。
HTML:
<select name="application" placeholder="Select a Tenant"
ng-disabled="!sharedObj.tenantApplications ||
sharedObj.tenantApplications.length == null"
class="form-control" id="application"
ng-change="vmOrderItem.vmNameUSI=null" ui-select2
ng-model="vmOrderItem.tenantApplication" title="Select tenant application"
data-style="btn-default" required><option></option>
<option ng-repeat="tenantApplication in sharedObj.tenantApplications |
filter:tenantFilter()" value="{{tenantApplication.id}}">{{tenantApplication.name}}
</option>
</select>
JS:
我得到的问题是,即使我返回 true,下拉菜单上也不会出现任何内容。我这样做是为了测试逻辑。我不知道为什么函数中的tenantApplication 参数总是未定义。我使用谷歌浏览器检查元素插入断点,它抱怨参数未定义。但是我不明白为什么当我返回 true 时它不能正常工作。我是 JavaScript 和 AngularJS 的新手,因此非常感谢任何帮助。我已经完成了所有 AngularJS 示例并阅读了他们的文档,但我仍然只是一个初学者。
angularjs - 在 ui.select angular 上向控制器发送数据
我正在尝试从下拉列表中选择一个值并从 angularJs 中对应的选择 id 获取数据
我想出了angular-ui/ui-select指令
在我的控制器上,我有获取客户方法
我的问题是
一旦我选择了我应该使用哪个事件来触发 setActiveCustomer 的客户(比如 onchange 或其他东西)。当我
ng-click
多次使用事件触发时,因为ng-click
用于控制激活。另一件事是如何为ui-select设置初始值?
谢谢
angularjs - 如何在 AngularJS 中监听 select2 事件
select2提供了一些自定义事件,我希望能够收听它们,尤其是“select2-removed”或更好的自定义“更改”事件,我一直在互联网上搜索一些示例,但没有运气。
这是我到目前为止所做的:
HTML:
JavaScript(角度)
用户实际上在这里所做的是编辑标记到他/她的地址的标签,并且通过编辑我的意思是用户可以将新标签标记到他/她的地址或删除以前标记的标签。这就是为什么我需要跟踪添加了哪些标签以及删除了哪些标签。
更新
我在这个讨论中看到了一个合理的解决方案,但我无法让提供的代码与我的一起工作,所以我做了一些解决方法,这就是我所做的。
所以不要添加,
在这附近的某个地方,
我把它放在这里,
然后我在我的控制器上做了通常的事情,
并且工作得很好。
但我怀疑这是一个非常好的主意,我仍然希望有更好的解决方案。
javascript - 渲染完成时的 Select2 指令回调
我想在我的ui-select2
指令时触发回调或事件
已呈现 Select2 DOM 元素。我怎样才能做到这一点?有没有我不知道的构造函数属性?
angularjs - 如何将新标签的默认 ID 设置为 0
如何将不在列表中的标签的默认 ID 设置为 0?
在上面的例子中,如果我们从现有中选择,那么它带有 id(1 或 2 或 3),但如果添加新标签并按 Enter 键,则 id 变为文本,我希望 id 设置为新标签的 o 或不从列表中。
怎么做?
php - 我在 yii 框架中使用 Select2 Widget 并想在更改事件上调用函数但它不起作用
我在 yii 框架中使用 Select2 Widget 并想在更改事件上调用函数但它不起作用
我将在更改时发出警报消息,但这不起作用,并且不会在控制台上显示任何错误消息或其他内容,提前致谢