如何使用jquery-ui selectmenu扩展方法(_renderItem，_renderMenu等) [英] How to use jquery-ui selectmenu extension methods(_renderItem, _renderMenu etc)

问题描述

JQuery-UI selectmenu小部件具有一些扩展方法，可用于自定义下拉选择菜单的呈现/样式. 从 api文档，可以使用以下窗口小部件扩展方法来自定义菜单: -_renderItem(ul，item) -_renderMenu(ul，items)

The JQuery-UI selectmenu widget has some extension methods that can be used to customize rendering/styling of the dropdown select menu. From the api docs , the following widget extension methods can be used to customize the menu: - _renderItem( ul, item ) - _renderMenu( ul, items )

我要实现的是，仅对selectmenu小部件的一个实例而不是在全局级别覆盖上述扩展方法. widget工厂文档确实包含有关扩展特定实例的示例.小部件的示例(示例在此页面的底部)，但是在将其应用于selectmenu扩展方法方面没有取得任何成功. 非常感谢您对此问题的见识.

What i want to achieve is, overriding the above extension methods for just one instance of the selectmenu widget, and not at a global level. The widget factory docs does have example about extending a particular instance of a widget(example is at the bottom of this page), but haven't had any success in applying that to the selectmenu extension methods. Any insight for this issue is much appreciated.

推荐答案

啊，找到了使用扩展方法的方法.这是一个示例:

Ah, found the way to use the extension methods. Here is an example:

$('select-menu-id').selectmenu(options).data("ui-selectmenu")._renderItem = function(event, ui) {
  // override with custom logic for rendering each select option
}

在本文中使用了@Ben Olson自定义自动完成小部件的方式: 自定义jQuery UI自动完成下拉选择菜单

Used the way autocomplete widget was customized by @Ben Olson in this article: Customize the jQuery UI AutoComplete Drop Down Select Menu

这篇关于如何使用jquery-ui selectmenu扩展方法(_renderItem，_renderMenu等)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！