jQuery EasyUI 基础插件 - Resizable 可调整尺寸

jQuery EasyUI 教程 · 2019-04-07 11:39:22

通过 $.fn.resizable.defaults 重写默认的 defaults。

用法

通过标记创建可调整尺寸(resizable)对象。

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

使用 javascript 创建可调整尺寸(resizable)对象。

<div id="rr" style="width:100px;height:100px;border:1px solid #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 教程 文章: https://codercto.com/courses/l/42.html

查看所有标签

Python语言程序设计基础(第2版)

Python语言程序设计基础(第2版)

嵩天、礼欣、黄天羽 / 高等教育出版社 / 2017-2 / 39

本书提出了以理解和运用计算生态为目标的Python语言教学思想,不仅系统讲解了Python语言语法,同时介绍了从数据理解到图像处理的14个Python函数库,向初学Python语言的读者展示了全新的编程语言学习路径。 全书一共设计了25个非常具有现代感的实例,从绘制蟒蛇、理解天天向上的力量到机器学习、网络爬虫,从文本进度条、统计名著人物重要性到图像手绘效果、雷达图绘制,绝大多数实例为作者原创......一起来看看 《Python语言程序设计基础(第2版)》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具