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 中文文档 - 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 中文文档 - EasyLoader 加载器
用法 复制代码 代码如下: easyloader.base = '../'; // 设置easyui的基本路径 easyloader.load('messager', function(){ // 加载指定的模块 $.messager.alert('Title', 'load ok'); }); 特性 名称 类型 说明 默认值 modules object 预定义的模块. locales object 预定义的语言环境. base string easyui的基本路径,必须以'/'结尾. 基本路
-
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 中文文档 - ProgressBar 进度条
用$.fn.progressbar.defaults重写defaults. 依赖 none 用法示例 创建ProgressBar ProgressBar能够从html标记创建或者编程创建.从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记. 复制代码 代码如下: <div id="p" class="easyui-progressbar" style="width:400px;">&
-
jQuery EasyUI API 中文文档 - Parser 解析器
用法 复制代码 代码如下: $.parser.parse(); // 解析整个页面 $.parser.parse('#cc'); // 解析某个具体节点 特性 名称 类型 说明 默认值 $.parser.auto boolean 定义是否自动解析easyui组件. true 事件 名称 参数 说明 $.parser.onComplete context 当解析器完成解析动作的时候触发. 方法 名称 参数 说明 $.parser.parse context 解析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 中文文档 - 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 中文文档 可调整尺寸
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
随机推荐
- vue.js获取数据库数据实例代码
- 好用的真正正版的WINRAR注册密钥【适用于任何版本】
- Mybatis 中的<![CDATA[ ]]>浅析
- 实例讲解iOS中的UIPageViewController翻页视图控制器
- IOS多线程实现多图片下载(一)
- CentOS 一键安装Openstack详细介绍
- nodejs body-parser 解析post数据实例
- Android编程获取sdcard音乐文件的方法
- MySQL配置文件无法修改的解决方法(Win10)
- mysql的日期和时间函数
- Javascript缓存API
- php 全文搜索和替换的实现代码
- System 类 和 Runtime 类的常用用法介绍
- Shell编程之Shell变量学习总结
- win2003连接限制TCP连接限制
- jQuery筛选器children()案例详解(图文)
- javascript创建函数的20种方式汇总
- Spring MVC 注解自动扫描失效原因分析
- python基础练习之几个简单的游戏
- webuploader实现上传图片到服务器功能