Базовый плагин jQuery EasyUI -Resizable

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

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

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

Создайте объект с возможностью изменения размера с помощью разметки.

<div class="easyui-resizable" style="width:100px;height:100px;border:1px solid #ccc;"
    data-options="maxWidth:800,maxHeight:600">
</div>

Создайте объект с возможностью изменения размера с помощью JavaScript.

<div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div>

$('#rr').resizable({
    maxWidth:800,
    maxHeight:600
});

Свойства

Name Type Описание Значение по умолчанию
disabled логическое значение Если установлено значение true, изменение размера отключено. false
handles string Указывает направление изменения размера: 'n' — север, 'e' — восток и т. д. n, e, s, w, ne, se, sw, nw, all
minWidth число Минимальная ширина при изменении размера. 10
minHeight число Минимальная высота при изменении размера. 10
maxWidth число Максимальная ширина при изменении размера. 10000
maxHeight число Максимальная высота при изменении размера. 10000
edge число Край границы, размер которой изменяется. 5

Events

Name Parameters Описание
onStartResize e Срабатывает при начале изменения размера.
onResize e Срабатывает во время изменения размера. Если возвращается false, DOM-элемент не будет выполнять фактическое действие изменения размера.
onStopResize e Срабатывает при остановке изменения размера.

Методы

Name Parameters Описание
options none Возвращает параметры resizable.
enable none Включает функцию resizable.
disable none Отключает функцию resizable.
jQuery EasyUI 插件jQuery EasyUI Plugin Другие расширения