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

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

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

Подобно menubutton, splitbutton также связан с linkbutton и меню. В отличие от menubutton, splitbutton разделён на две части. При наведении курсора на splitbutton отображается разделительная линия. Меню будет отображаться только при наведении курсора на правую часть splitbutton.

Зависимости

  • menubutton

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

Создать splitbutton из разметки.

<a href="#" id="sb" class="easyui-splitbutton"
    data-options="menu:'#mm',iconCls:'icon-ok'" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width:100px;">
    <div data-options="iconCls:'icon-ok'">Ok</div>
    <div data-options="iconCls:'icon-cancel'">Cancel</div>
</div>

Создать splitbutton с помощью JavaScript.

<a href="#" id="sb" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width:100px;">
...
</div>

$('#sb').splitbutton({
    iconCls: 'icon-ok',
    menu: '#mm'
});

Свойства

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

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

Методы

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

Name Параметр Описание
options none Возвращает объект options.
disable none Отключить splitbutton. Пример кода:
$('#sb').splitbutton('disable');
enable none Включить splitbutton. Пример кода:
$('#sb').splitbutton('enable');
destroy none Уничтожить splitbutton.
jQuery EasyUI 插件jQuery EasyUI Plugin Другие расширения