Виджет Selectmenu

Вызов метода destroy:

$( ".selector" ).selectmenu( "destroy" );

Вызов метода disable:

$( ".selector" ).selectmenu( "disable" );

Вызов метода enable:

$( ".selector" ).selectmenu( "enable" );

Получает объект экземпляра selectmenu. Если элемент не имеет связанного экземпляра, возвращается undefined.

В отличие от других методов виджета, instance() можно безопасно вызывать для любого элемента после загрузки плагина selectmenu.

Вызов метода instance:

$( ".selector" ).selectmenu( "instance" );

Вызов метода menuWidget:

$( ".selector" ).selectmenu( "menuWidget" );

Вызов метода open:

$( ".selector" ).selectmenu( "open" );

Получает значение, в данный момент связанное с указанным optionName.

Примечание: Для опций, имеющих объекты в качестве значений, вы можете получить значение определённого ключа, используя обозначение точкой. Например, "foo.bar" получит значение свойства bar в опции foo.

Вызов метода:

var isDisabled = $( ".selector" ).selectmenu( "option", "disabled" );

Вызов метода:

var options = $( ".selector" ).selectmenu( "option" );

Устанавливает значение опции selectmenu, связанной с указанным optionName.

Примечание: Для опций, имеющих объекты в качестве значений, вы можете установить значение только одного свойства, используя обозначение точкой для optionName. Например, "foo.bar" обновит только свойство bar опции foo.

Вызов метода:

$( ".selector" ).selectmenu( "option", "disabled", true );

Вызов метода:

$( ".selector" ).selectmenu( "option", { disabled: true } );

Вызов метода refresh:

$( ".selector" ).selectmenu( "refresh" );

Вызов метода widget:

$( ".selector" ).selectmenu( "widget" );

Метод, контролирующий создание каждого параметра в меню виджета. Метод должен создать новый элемент <li>, добавить его в меню и вернуть его. Подробную информацию о разметке см. в документации к меню.

Изменить цвет фона элементов меню в зависимости от значения соответствующих элементов параметра.

_renderItem: function( ul, item ) {
  var li = $( "<li>" )
    .css( "background-color", item.value );
 
  if ( item.disabled ) {
    li.addClass( "ui-state-disabled" );
  }
 
  this._setText( li, item.label );
 
  return li.appendTo( ul );
}

Добавить имя класса CSS к элементам меню с нечетными номерами.

_renderMenu: function( ul, items ) {
  var that = this;
  $.each( items, function( index, item ) {
    that._renderItemData( ul, item );
  });
  $( ul ).find( "li" ).odd().addClass( "odd" );
}

Всегда отображать меню шириной 500 пикселей.

_resizeMenu: function() {
  this.menu.outerWidth( 500 );
}