jQuery EasyUI API 中文文档 可调整尺寸
Resizable 可调整尺寸
用$.fn.resizable.defaults重写defaults。
用法
代码如下:
<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 |
停止调整尺寸时触发。 |
相关推荐
-
jQuery EasyUI API 中文文档 - Parser 解析器
用法 复制代码 代码如下: $.parser.parse(); // 解析整个页面 $.parser.parse('#cc'); // 解析某个具体节点 特性 名称 类型 说明 默认值 $.parser.auto boolean 定义是否自动解析easyui组件. true 事件 名称 参数 说明 $.parser.onComplete context 当解析器完成解析动作的时候触发. 方法 名称 参数 说明 $.parser.parse context 解析easyui组件.
-
jQuery EasyUI API 中文文档 - ProgressBar 进度条
用$.fn.progressbar.defaults重写defaults. 依赖 none 用法示例 创建ProgressBar ProgressBar能够从html标记创建或者编程创建.从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记. 复制代码 代码如下: <div id="p" class="easyui-progressbar" style="width:400px;">&
-
jQuery EasyUI API 中文文档 - Draggable 可拖拽
用$.fn.draggable.defaults重写默认的defaults. 用法 复制代码 代码如下: <div id="dd" style="width:100px;height:100px;"> <div id="title" style="background:#ccc;">title</div> </div> 复制代码 代码如下: $('#dd').draggable(
-
jQuery EasyUI API 中文文档 - Documentation 文档
每个easyui组件都有特性(property).方法(method)和事件(event),用户可以很容易地扩展它们. 特性 特性在jQuery.fn.{plugin}.defaults里定义.例如, dialog的特性在jQuery.fn.dialog.defaults里定义. 事件 事件(回调函数)也在jQuery.fn.{plugin}.defaults里定义. 方法 方法在jQuery.fn.{plugin}.methods里定义.每个方法有两个参数:jq和param.第一个参数'jq'
-
jQuery EasyUI API 中文文档 - Pagination分页
用 $.fn.pagination.defaults 重写了 defaults. 依赖 linkbutton 用法 复制代码 代码如下: <div id="pp" style="background:#efefef;border:1px solid #ccc;"></div> 复制代码 代码如下: $('#pp').pagination({ total:2000, pageSize:10 }); 特性 名称 类型 说明 默认值 total n
-
jQuery EasyUI API 中文文档 - EasyLoader 加载器
用法 复制代码 代码如下: easyloader.base = '../'; // 设置easyui的基本路径 easyloader.load('messager', function(){ // 加载指定的模块 $.messager.alert('Title', 'load ok'); }); 特性 名称 类型 说明 默认值 modules object 预定义的模块. locales object 预定义的语言环境. base string easyui的基本路径,必须以'/'结尾. 基本路
-
jQuery EasyUI API 中文文档 搜索框
用$.fn.searchbox.defaults重写defaults.依赖 menubutton 用法示例 创建SearchBox 1. 从标记创建.把 'easyui-searchbox' 类加入到<input/>标记. 复制代码 代码如下: <script type="text/javascript"> function qq(value,name){ alert(value+":"+name) } </script> <
-
jQuery EasyUI API 中文文档 可调整尺寸
Resizable 可调整尺寸 用$.fn.resizable.defaults重写defaults. 用法 复制代码 代码如下: <div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div> 复制代码 代码如下: $('#rr').resizable({ maxWidth:800, maxHeight:600 }); 特性 名称 类型 说明 默认值 d
-
jQuery EasyUI API 中文文档 - DataGrid数据表格
扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'
-
jQuery EasyUI API 中文文档 - Panel面板
用$.fn.panel.defaults重写defaults.用法示例 创建Panel 1. 经由标记创建Panel 从标记创建Panel更容易.把 'easyui-panel' 类添加到<div/>标记. 复制代码 代码如下: <div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;b
-
jQuery EasyUI API 中文文档 - Dialog对话框
扩展自 $.fn.window.defaults,用 $.fn.dialog.defaults 重写了 defaults. 依赖 window linkbutton 用法 复制代码 代码如下: <div id="dd" title="My Dialog" style="width:400px;height:200px;"> Dialog Content. </div> 复制代码 代码如下: $('#dd').dialog(
-
jQuery EasyUI API 中文文档 - ComboBox组合框
扩展自 $.fn.combo.defaults. 用 $.fn.combobox.defaults 重写了 defaults. 依赖 combo 用法 <select id="cc" name="dept" style="width:200px;"> <option value="aa">aitem1</option> <option>bitem2</option>
-
jQuery EasyUI API 中文文档 - Tree树使用介绍
用 $.fn.tree.defaults 重写了 defaults. 依赖 draggable droppable 用法 Tree 能在 <ul> 元素里定义,此标记可以定义为叶节点和子节点.下面是一个示例: 复制代码 代码如下: <ul id="tt"> <li> <span>Folder</span> <ul> <li> <span>Sub Folder 1</span> &
-
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults. 依赖 datagrid 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').treegrid({ url:'treegrid_data.json', treeField:'name', columns:[[ {title:'Task Name',field:'name'
-
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
Tabs 标签页/选项卡 用$.fn.tabs.defaults重写defaults. 依赖 panel linkbutton 用法示例 创建tabs 1. 经由标记创建Tabs 从标记创建Tabs更容易,我们不需要写任何JavaScript代码.记住把 'easyui-tabs' 类添加到<div/>标记,每个tab panel 经由子<div/>标记被创建,其用法与Panel一样. 复制代码 代码如下: <div id="tt" class="
-
jQuery EasyUI API 中文文档 - Calendar日历使用
用 $.fn.calendar.defaults 重写了 defaults. 用法 复制代码 代码如下: <div id="cc" style="width:180px;height:180px;"></div> 复制代码 代码如下: $('#cc').calendar({ width:600, height:600, current:new Date() }); 特性 名称 类型 说明 默认值 width number 日历组件的宽度. 1
随机推荐
- Shell脚本实现上传zip压缩文件到FTP服务器
- AngularJS基础 ng-csp 指令详解
- MSSQL自身存储过程的一个注入漏洞
- Java concurrency线程池之线程池原理(一)_动力节点Java学院整理
- MacOS无法挂载NFS Operation not permitted错误解决办法
- JS实现点击颜色块切换指定区域背景颜色的方法
- asp.net Cookie值中文乱码问题解决方法
- go语言使用RC4加密的方法
- C语言设计图书登记系统与停车场管理系统的实例分享
- Vue.js快速入门实例教程
- javascript日期对象格式化为字符串的实现方法
- javascript禁用Tab键脚本实例
- nginx日志切割脚本分享
- 自己常用的一些shell脚本分享
- springboot整合spring-data-redis遇到的坑
- shell编程基础之认识与学习BASH
- 发现一篇不错的DLL后门完全清除技巧
- 百度多文件异步上传控件webuploader基本用法解析
- MySql游标的使用实例
- Android实现手写签名