问题标签 [bootstrap-multiselect]

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 投票
0 回答
568 浏览

javascript - 淘汰赛,引导多选,AMD 设计

我正在关注 Steve Sanderson 在 Architecting Large SPA's in knockout js 中的示例。我想在我的模板中创建一个引导多选小部件。我已经包含"bootstrap-multiselect": "src/bower_modules/bootstrap-multiselect/dist/js/bootstrap-multiselect",require.config.js.

bootstrap-multiselect 可以识别淘汰赛 - 它已经嵌入了淘汰赛绑定处理程序:

如果我将整个init:update:函数复制并粘贴到我的组件 js 中,我可以让小部件呈现并适当地表现。但我不应该这样做。如何在我的 AMD 模块中包含引导多选绑定处理程序?简单地确保 bootstrap-multiselect 包含在 require 中是行不通的,因为不遵守绑定。似乎我应该能够做类似的事情

但这不起作用。如何在具有我的视图模型的 AMD 模块中包含在不同文件中定义的绑定处理程序?

0 投票
3 回答
9448 浏览

javascript - 使用jQuery关闭下拉菜单时如何触发事件?

当用户关闭由“ bootstrap-multiselect ” UI 控制的下拉菜单时,我想重新加载页面。

这是我到目前为止尝试过的

我也试过这个,它不工作

这是我的 HTML 代码

但是由于某种原因,控制台没有打印任何内容,页面也没有重新加载。

我可以做些什么来检测菜单何时关闭,以便我可以重新加载页面。

0 投票
2 回答
867 浏览

jquery - 检查由引导多选创建的所有未选中的复选框

我需要找到一种方法来检查由 bootstrap-multiselect 创建的 Web 表单上的所有复选框。

我尝试使用下面的代码,但没有运气,当前的复选框都没有被选中:

表单上的所有多选字段都是动态创建的,因此我无法使用以下调用来选择它们:

0 投票
3 回答
10002 浏览

php - WordPress下拉多选选项

我有 WordPress 下拉单选选项的以下代码。我想让这段代码与多项选择选项一起工作,但不知道如何。请给出解决方案。

亲切的问候

尼古拉塔

0 投票
1 回答
613 浏览

angularjs - Angular JS ng-model 不适用于数组数组

我的要求

  1. 我应该有两个多选组合框
  2. 应该可以选择多个值
  3. 根据从组合框 1 中选择的值,第二个组合框应填充值

为此,我正在使用 AngularJs 和 Multiselect.Js

我能够实现1和2。

对于第 3 点。我发现很难根据组合框 1 中的选定值填充数据

注意:当我选择单个角色时,相关的工人信息会显示在第二个组合框中,但是当我选择多个角色时它不起作用。

我相信这部分代码不适用于多个数组

如果您指定了数组索引,那么它将起作用并且只选择该索引的工作人员,但是当在下面的代码中选择多个值时不起作用。

来自 http://plnkr.co/edit/xWvfWYjaW7TThKZONkv5?p=preview的参考

我的html代码如下:

以及 Javascript 和 JSON 数据:

Combobox 1:将显示“$scope.roles”中的“roleName”,Combobox 2:应显示选定“rolename”中的工作人员(来自comboxbox1)

});

和多选模板

0 投票
2 回答
3486 浏览

javascript - 使用“dataprovider”方法生成列表项时,无法在引导多选输入上定义选项

我正在使用bootstrap-multiselect扩展来创建允许多项选择、具有搜索功能并具有“全选”选项的下拉菜单。这很容易:

现在我想以编程方式(从 AJAX 响应)生成这些下拉列表:为此,文档建议使用“dataprovider”方法。我不知道如何在保留enableFilteringandincludeSelectAllOption选项的同时完成此操作。

我的直觉是我应该做这样的事情:

但这不起作用。如果我调用一个更简单的调用来构造表单,我可以让该data-provider方法工作:multiselect

但是事后我不知道如何添加过滤和selectAll。

如何在我以编程方式构建的下拉列表中指定过滤和 selectAll 选项?

这是一个小提琴。

0 投票
1 回答
1072 浏览

jquery - jquery multiselect在回发后不保留选择

回发后,我遇到了引导多选控制的问题。在我看来,有一个下拉菜单

而且,当我从 ddl 中选择多个项目并将其保存到 DB,然后返回页面时,我只能看到我选择的项目中的第一个项目,仅在 ddl 中显示为已选中。如果我刷新页面,它会根据需要运行。即,ddl 将数据库中的所有项目显示为已选择(如选择了 3 个项目)

我的控制器动作就像

我正在使用 jquery 版本 1.8.2

任何帮助表示赞赏。

0 投票
1 回答
1380 浏览

angularjs - 在使用 bootstrap-multiselect 的多选下拉列表中使用“selected”属性时发生冲突,并与 angularjs“selected”指令冲突

我在我的项目中使用bootstra- multiselect 和 angularjs。在测试期间我发现,“选定”属性名称在这两者之间发生冲突。以下是我的多选指令的 HTML 标记。

我发现,data-ng-attr-selected="{{isOptionSelected(option)}}"不是由 angularjs 编译的。似乎正在应用 Angular js“ng-selected”指令,而不是我需要的普通属性。

如何解决这个问题?我不想更改代码或 bootstra-multiselect 或 angularjs 以避免将来的可维护性。Angularjs 中有什么东西可以停止运行其预定义的“ng-selected”指令吗?

以下是演示此问题 Angularjs 和指令名称与其他模块冲突的plunker 代码

0 投票
2 回答
3426 浏览

javascript - Bootstrap Multiselect 插件无法取消选中所有元素

我正在为我的选择选项元素使用Bootstrap Multiselect 插件。当用户从一个选择选项元素中选择一个(或所有选项)时,需要取消选中其他选择选项元素中的所有元素。我检查了文档以获取解决方案,当我在文档中使用代码时出现错误:

有人知道问题出在哪里吗?

这是我的代码:

0 投票
4 回答
28694 浏览

jquery - 如何使用 Bootstrap Multiselect 获取所有选定的值并在 AJAX 中使用它

我正在使用Bootstrap Multiselect,这是我在 HTML 中的设置:

我想为我的查询使用选定的值,我的 Ajax 代码片段:

问题$('#bldg_type option:selected').val()是我只能得到 1 个值。例如,我检查MarketPolice Station在我的选择选项中,并在我的控制台中查看http://127.0.0.1:8000/cnt_bldg/?brgy_id=All&bldg_type=Market".它只得到Market.

如何获取所有值并将其用于我的查询?

顺便说一句,我正在使用 Django。我已经阅读了这个答案,但我不知道如何在上面的 AJAX 代码中使用结果。