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

Question

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

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

Answer 1

基本上我发现的是，在选择了一些选项（.ui-menu-item）后，selectmenu 调用_setText函数，并this.buttonText从选定的选项中传递元素和文本，例如this.element.find('option:selected').text().

也许这不是设计小部件的好方法，因为据我了解，_setText从多个地方调用总是与this.buttonText元素一起使用。

_setText因此，为了防止覆盖被调用的每个方法，我_setText像这样覆盖：

_setText: function(element, value){
  if(element == this.buttonText){
    this._setButtonText();
  } else {
    this._superApply(element, value);
  }
},
_setButtonText: function(){
  // your logic
}