问题标签 [jquery-ui-selectmenu]

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 回答
118 浏览

jquery-ui - selectmenu: How to set a specified number of items to show?

I am using Jquery ui 1.11.4 and its selectmenu to display a select list with about 200 items.

I would like it show only 40 items plus a scrollbar. I tried the following, but it is not working:

Currently, the menu, when it opens, is a long list showing all items.

How can I make it show 40 items only?

Thanks!

0 投票
0 回答
34 浏览

jquery - jquery ui将事件处理程序设置为以前的事件处理程序

在一个超过 400 页的应用程序中,我正在修改一些通用代码以将每个页面上的所有选择字段更改为 jquery ui 选择菜单。我已经用这段代码成功地做到了:

这行得通 - 但是,先前存在的选择对象的 onchange 和 onfocus 事件处理程序不会为新的选择菜单触发。

我尝试了以下方法来保存它们,但它不起作用:

也许有更好的方法来做到这一点,例如选择菜单上的一个选项来触发前一个对象的事件。我现在要查看选择菜单代码,但我想对此进行一些思考,因为我在现有的一组页面上有数百个选择字段,我想在 jquery 的一个共同位置进行更改。谢谢..

0 投票
1 回答
1908 浏览

javascript - jQuery UI Menu 获取/设置活动的 ui-menu-item

我需要使用jQuery UI Menu做一个多下拉菜单。在此之前,我们为此目的使用了jQuery UI Selectmenu 。

Selectmenu 基于select,其中可以使用一种val()方法来获取/设置选择值。现在菜单基于 ul/li,所以我没有这样的选项。

所以我需要以某种方式模仿以下行为:

我尝试扩展菜单小部件并添加一些方法,例如:

然后像这样使用它:

但是在设置了一些值并尝试在下次active字段为null.

我也尝试elem.trigger('click');改用焦点事件但没有成功。

0 投票
2 回答
349 浏览

javascript - jQuery UI:如何检查是否打开了另一个小部件实例?

我通过扩展 jQuery UI 的Menu创建了自定义小部件。它基本上需要像ui.selectmenu<select>那样使用HTML 元素,但在子菜单中显示选项:

当此小部件附加到多个元素时会出现问题,例如:

问题在标题中列出,您可以在_attachEvents()方法中看到它:

  1. 当用户点击someSelect它时,它应该会打开
  2. 然后用户点击anotherSelect它也会打开
  3. someSelect步骤后2应该关闭,但事实并非如此。

那么如何检查这种情况并解决这个问题呢?

编辑:

  1. this.originalSelect<select>HTML 元素
  2. this.button是 div 元素。在其上显示选定的选项文本(基本上与ui.selectmenu所做的相同);
0 投票
1 回答
260 浏览

jquery - 覆盖 jQuery 的选择菜单

当我在选择菜单上选择一个项目时,我想将一些文本附加到所选选项。

我不想更改选项的文本,只是在.ui-selectmenu-text元素中显示的文本。

例如,如果选项是

如果我选择第二个,我希望显示选择菜单Option B ("some text")

我尝试使用类似的东西

零件在哪里TEST,我试过了_select_setOption依此类推...

0 投票
0 回答
81 浏览

javascript - 选择选项时启用文本字段

下面的代码可以让你:
1. 选择你想去的城市。选择一个城市启用下一个控制。
2. 选择你想去的城市。选择一个城市启用下一个控件
3. 选择您要离开的日期。

代码运行良好,除了当您在travel_to -list 中选择一个城市时,该城市直接位于您在travel_from -list 中选择的城市之后。我不知道为什么。即:如果您在travel_from -controller中选择“Naples”,在travel_to-controller中选择“Palermo” ,则travel_from_date未启用。

0 投票
1 回答
485 浏览

javascript - jQuery UI Selectmenu:自定义按钮视图

我知道有一个选项可以通过扩展选择菜单中的_renderItem功能来自定义选项视图。有没有办法buttonText在以下选择菜单选项中放置图标 fo?

选择菜单

我搜索了 jquery 示例,但没有找到答案:https ://jqueryui.com/selectmenu/#custom_render

0 投票
1 回答
415 浏览

javascript - 最新版本的 jQuery UI 选择菜单中的 `format` 回调

我想<select>使用自定义文本格式进行替换jQuery UI Selectmenu

这个小提琴中的第三和第五个选择是我想要实现的很好的例子:

http://jsfiddle.net/fnagel/GXtpC/

在小提琴中,定义了 function addressFormatting(),它采用原始选项文本并返回 html 输出,该输出将用于呈现选择菜单。此函数在选择菜单初始化中作为回调传递:

我正在使用jQuery UI Selectmenu 1.11.4. 问题是format此版本中不存在回调选项。

这是来自 的一部分代码jQuery UI Selectmenu version 1.5.0pre,在提供的小提琴中使用:

这是我正在使用的较新版本的代码部分:

format此处不存在选项,并且在初始化中使用它无效。

API 文档中,有一个_renderItem()方法,其名称表明它可用于向选择添加自定义格式,但它具有私有范围,因此我不能从小部件外部使用它。还有公共create()方法,但我不确定是否可以或是否应该使用它来更改创建的选择菜单的结构。

0 投票
1 回答
564 浏览

javascript - 如何在菜单打开之前使用 selectmenu() UI 禁用选项?

在使用选择菜单UI打开菜单之前,如何禁用/启用选择菜单的某些选项?

我在文档中没有看到beforeOpen事件。有没有办法即时启用/禁用项目?

0 投票
2 回答
127 浏览

javascript - selectmenuchange 仅在第一个事件上附加对象列表

我有两个选择菜单,其中一个与菜单$('#parent')中的某些选项$('#members')相关(通过其 HTML 中的数据属性相关)。我有一个功能来限制“成员”中与父菜单中选择的选项相关的选项。

脚本

目前,这有效,但仅适用于第一个selectmenuchange事件 - 这很奇怪,因为console.log()在函数中重新创建数组时使用我可以看到每次都选择了正确的,它们只是不会显示在随后的菜单中变化。

我不知道这是否是问题selectmenuchangeempty().append()

HTML