JQuery плагин EasyUI на основе - Resizable Регулируемый размер
JQuery плагин EasyUI По $ .fn.resizable.defaults переопределить значения по умолчанию по умолчанию.
использование
Метки создать регулируемый размер (изменяемый размер) объектов.
<Div класс = "easyui-изменяемыми" стиль = "ширина: 100px; высота: 100px; границы: 1px твердый #ccc;"
Данные опции-= "MaxWidth: 800, MaxHeight: 600">
</ Div>
Используйте Javascript создать регулируемый размер (изменяемого) объекта.
<Div ID = "Р.Р." стиль = "ширина: 100px; высота: 100px; границы: 1px твердый #ccc;"> </ DIV>
$ ( '# Rr'). Resizable ({
MaxWidth: 800,
MaxHeight: 600
});
свойство
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| disabled | boolean | 如果设置为 true，则禁止调整尺寸。 | false |
| handles | string | 指可调整尺寸（resizable）的方向，'n' 是北，'e' 是东，等等。 | n, e, s, w, ne, se, sw, nw, all |
| minWidth | number | 调整尺寸时最小宽度。 | 10 |
| minHeight | number | 调整尺寸时最小高度。 | 10 |
| maxWidth | number | 调整尺寸时最大宽度。 | 10000 |
| maxHeight | number | 调整尺寸时最大高度。 | 10000 |
| edge | number | 被调整尺寸的边框的边缘。 | 5 |
событие
| 名称 | 参数 | 描述 |
|---|---|---|
| onStartResize | e | 开始调整尺寸时触发。 |
| onResize | e | 调整尺寸期间触发。返回 false 时，DOM 元素将不进行实际的调整尺寸动作。 |
| onStopResize | e | 停止调整尺寸时触发。 |
способ
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回可调整尺寸（resizable）选项（options）。 |
| enable | none | 启用可调整尺寸（resizable）特性。 |
| disable | none | 禁用可调整尺寸（resizable）特性。 |
JQuery плагин EasyUI