jQuery UI Selectmenu：自定义按钮视图

Question

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

我搜索过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
}