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