问题标签 [jquery-ui-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.
jquery - JQuery Bootstrap 多选插件 - 在多选下拉列表中设置一个值
我正在使用 Boostrap Multiselect 插件(http://davidstutz.de/bootstrap-multiselect/)进行多选下拉菜单,如下所示
在页面加载时,我将得到一个值数组,如 [101,102]。我应该遍历数组并选择值(应选中对应于 id 的复选框)。请帮忙。
javascript - 当使用 jQuery/Javascript 选择一个时,如何使多项选择的所有值都无法选择:
我的Symfony 项目中有一个使用 Ajax 和 jQuery 的动态表单。
我有一个多项选择。我想在这个多重选择中,当我选择值 id 7(即“外部”)时,所有其他值都是不可选择的。
这是我的树枝视图中脚本的代码:
这是我的树枝视图中的表单代码。只要知道我正在使用一个集合,即 Symfony 表单的 formType 来制作这个表单:
因此,当我选择选项 7 时,即“外部”时,我想让多项选择的所有其他值都无法选择。然后为“batiments”的选择标签的以下字段设置默认值(空值)。
多选(selectpicker)的id是, batiments的select标签的id是。mySpace_databasebundle_zonestechnique_categorieszonestechnique
mySpace_databasebundle_zonestechnique_batiments
有人知道如何使我的多项选择的所有其他值无法选择,然后将空值放入以下字段,即 batiments 的选择标签。
javascript - 当元素被隐藏时,outerWidth() 返回不同的值
我正在尝试对jQuery UI MultiSelect Widget进行一些调整。
我遇到的一个问题是刷新控件后主控件有点太宽了。查看代码,宽度设置使用:
wherethis.element
指的是我原来的<select>
控件,已经被 jQuery UI MultiSelect Widget 隐藏了。
玩弄这个,我可以看到outerWidth()
当我的元素隐藏时返回 424 <select>
,当它可见时返回 406。(请注意,width()
当元素隐藏时也会返回更大的值。)
有谁知道宽度会根据控件是否可见而改变或如何改变?控件可见时返回的值似乎是正确的值。
编辑:
我创建了一个jsFiddle来演示这一点。
jquery - UI MultiSelect:将类从选项传递到呈现的li
标题非常明确。我的一些选项<select>
有一个特定的类(或数据),我想在 ui 多选呈现的选项中看到这些类,它们<li>
具有输入和跨度。然后我将能够以不同的方式设置这些选项的样式。
我能怎么做?
javascript - 带有大量选项的 Bootstrap-multiselect 非常慢
在我的应用程序中,我要求客户填写一份简短的表格,其中一个字段要求他们选择 3 个他们最喜欢的城市(或他们访问过的城市)。
我可供选择的城市列表非常大(3K 城市),我选择使用 bootstrap-multiselect 和搜索。然而,由于选项太多,bootstrap-multiselect 相当慢。
我最大的抱怨是页面加载时间。下面是一个包含 30 个选项的演示,等它加载完毕,然后运行它,你会发现它超级快。
http://www.bootply.com/07KLihND2q
现在,下面的演示有 3K 选项,等到它加载并运行它。多选至少需要 3 秒才能采用所需的形式!
http://www.bootply.com/wK8zFCjB2D
有没有办法加快速度和/或用另一个满足我需要的组件替换引导多选?
我正在寻找可以让用户快速找到他们最喜欢的城市(例如通过文本搜索)、紧凑(可以放入表单而不是打开新窗口)并将用户限制为我拥有的 3K 选项。能够使用 js-populate 从 JSON 填充元素是一个很大的好处。
谢谢!
knockout.js - JQuery UI Multiselect with Knockout JS - 使用辅助插件进行数据绑定
我正在尝试使用 KnockoutJS 绑定来实现jQuery UI Multiselect 。我想它不能在本地完成,这就是制作这个插件的原因。
我正在使用插件。我在 php 代码中创建了我的多选,但输出 html 是这样的:
我知道在 php 中创建它不是问题,因为我<select>
在 php 中创建了不是 jqueryUI Multiselects 的其他 's,并且它们的数据绑定有效。
这是我的视图模型(我使用打字稿):
这个问题主要是关于如何multiSelectConfig
在viewmodel中配置空对象。当我在 Web 浏览器中运行该页面时,其中的输出 html<select>
现在是许多<li>
标签,其中包含相当多的 jquery ui 多选代码,但重要的是每个标签内部<option></option>
都有<span>[object Object]</span>
哪些。<li>
标签的数量<li>
与类别相同,这让我认为数据绑定正在工作。我只需要点击 [object object] 来获取属性(category.name)。我怎么做?
twitter-bootstrap-3 - 引导多选刷新或重建不起作用
我想将我的多选与 ajax 绑定,但在 ajax 调用项目后没有显示。我尝试重建或刷新多选,但它仍然没有显示
这是我的多选页面链接:http ://pratikisara.com/Home/Quick
如何从多选 JS 文件中进行 ajax 调用(在此处输入链接描述)以及我应该在哪个代码块中进行 ajax 调用?
jquery - 在jquery的多选下拉列表中动态添加内容
我对带有复选框的下拉菜单中的多项选择有一些疑问。每当我在 jquery 中上传图像时,我想在下拉列表中动态添加内容。如何使用新数据刷新下拉列表?
获得新数据后,我尝试刷新多选,但这会引发错误。
未捕获的错误:多选小部件实例(...)没有这样的方法“重建”
javascript - jQuery UI 多选小部件不起作用
我正在应用 jquery UI Multiselect Widget 来过滤Oleg's answer中的 jqGrid 。它工作正常。但是在使用具有两个相似列的 2 个网格时会出现问题。
这些列(在两个不同的网格中)具有相同的“名称”属性值。所以这两个过滤器的元素 ID 是相同的。因此,当我选择第二个网格的多选过滤器的值时,效果会发生在第一个网格的过滤器上。
示例:在以下屏幕截图中,如果我选择过滤器 2 的值,则会选择过滤器 1 的相同值。
网格 1 列模型:
网格 2 列模型
无论如何要自定义过滤器的ID或类似的东西来防止这个问题?
html - 由于“多个”属性背景颜色变为灰色
由于“多个”属性,背景颜色变为灰色,但仅适用于最后选择的“选项”。