Плагин меню и кнопок jQuery EasyUI -Menubutton

jQuery EasyUI 插件jQuery EasyUI Плагины

Наследуется от $.fn.linkbutton.defaults. Переопределите значения по умолчанию через $.fn.menubutton.defaults.

Menubutton является частью раскрывающегося меню. Он связан с linkbutton и меню. Он отображает linkbutton и скрывает меню. Когда пользователь щелкает по linkbutton или наводит на него мышь, отображается меню, чтобы пользователь мог щелкнуть по нему.

Зависимости

  • menu
  • linkbutton

Использование

Обычно menubutton создается декларативно из разметки.

<a href="#" id="mb" class="easyui-menubutton"
    data-options="menu:'#mm',iconCls:'icon-edit'">Edit</a>
<div id="mm" style="width:150px;">
    <div data-options="iconCls:'icon-undo'">Undo</div>
    <div data-options="iconCls:'icon-redo'">Redo</div>
    <div class="menu-sep"></div>
    <div>Cut</div>
    <div>Copy</div>
    <div>Paste</div>
    <div class="menu-sep"></div>
    <div data-options="iconCls:'icon-remove'">Delete</div>
    <div>Select All</div>
</div>

Создайте menubutton с помощью JavaScript.

<a href="#" id="mb">Edit</a>
<div id="mm" style="width:150px">
...
</div>

$('#mb').menubutton({
    iconCls: 'icon-edit',
    menu: '#mm'
});

Свойства

Свойства наследуются от linkbutton. Ниже перечислены свойства, добавленные для menubutton.

Name Type Описание Значение по умолчанию
plain логическое значение Если установить true, отображается простой эффект. истина
menu string Селектор, используемый для создания соответствующего меню. null
duration число Длительность в миллисекундах для отображения меню при наведении курсора на кнопку. 100

Методы

Методы наследуются от linkbutton. Ниже перечислены методы, добавленные или переопределённые menubutton.

Name Parameters Описание
options none Возвращает объект options.
disable none Отключить menubutton.
enable none Включить menubutton.
destroy none Уничтожить menubutton.
jQuery EasyUI 插件Плагины jQuery EasyUI Другие расширения