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

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

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

Linkbutton используется для создания кнопки-гиперссылки. Он представляет собой обычный тег <a>. Он может отображать значок и текст или только один из них. Ширина кнопки может динамически сжиматься/расширяться в соответствии с её текстовой меткой.

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

Создание linkbutton

Создание linkbutton из разметки проще.

<a id="btn" href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

Также допускается создание linkbutton программно.

<a id="btn" href="../index.html">easyui</a>
$('#btn').linkbutton({
    iconCls: 'icon-search'
});

Обработка кликов по linkbutton.

Щелчок по linkbutton перенаправит пользователя на другую страницу.

<a href="otherpage.php.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

Следующий пример выведет сообщение с помощью alert.

<a href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
    onclick="javascript:alert('easyui')">easyui</a>

Используйте jQuery для привязки обработчика клика.

<a id="btn" href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

$(function(){
    $('#btn').bind('click', function(){
        alert('easyui');
    });
});

Атрибуты

Name Type Описание Значение по умолчанию
id string Атрибут id компонента. null
disabled логическое значение Если установлено значение true, кнопка отключена. false
toggle логическое значение Если установлено значение true, пользователю разрешено переключать выбранное состояние кнопки. Этот атрибут доступен начиная с версии 1.3.3. false
selected логическое значение Определяет, является ли состояние кнопки выбранным. Этот атрибут доступен начиная с версии 1.3.3. false
group string Указывает имя группы, к которой принадлежит кнопка. Этот атрибут доступен начиная с версии 1.3.3. null
plain логическое значение Если установлено значение true, отображается простой эффект. false
text string Текст кнопки. ''
iconCls string CSS-класс для отображения иконки 16x16 слева. null
iconAlign string Позиция значка кнопки. Возможные значения: 'left', 'right'. Этот атрибут доступен начиная с версии 1.3.2. left

Методы

Name Parameters Описание
options none Возвращает свойство options.
disable none Отключить кнопку.
Пример кода:
$('#btn').linkbutton('disable');
enable none Включить кнопку.
Пример кода:
$('#btn').linkbutton('enable');
select none Выбрать кнопку. Этот метод доступен начиная с версии 1.3.3.
unselect none Отменить выбор кнопки. Этот метод доступен начиная с версии 1.3.3.
jQuery EasyUI 插件jQuery EasyUI Plugin Другие расширения