jQuery EasyUI API 中文文档 - 可调整尺寸

Resizable 可调整尺寸

用$.fn.resizable.defaults重写defaults。

用法

1. <div id="rr" style="width:100px;height:100px;border:1px solid #ccc;"></div> 

1. $('#rr').resizable({  

2.     maxWidth:800,  

3.     maxHeight:600  

4. }); 

特性

名称

类型

说明

默认值

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

停止调整尺寸时触发。

时间: 2024-10-03 12:48:59

jQuery EasyUI API 中文文档 - 可调整尺寸的相关文章

jQuery EasyUI API 中文文档 可调整尺寸_jquery

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 中文文档 - Panel面板_jquery

用$.fn.panel.defaults重写defaults.<?XML:NAMESPACE PREFIX = O /> 文档 - Panel面板_jquery-easyui panel api">用法示例 创建Panel 1. 经由标记创建Panel 从标记创建Panel更容易.把 'easyui-panel' 类添加到<div/>标记. 复制代码 代码如下: <div id="p" class="easyui-panel&qu

jQuery EasyUI API 中文文档 - Menu菜单_jquery

用 $.fn.menu.defaults 重写了 defaults. <?XML:NAMESPACE PREFIX = O /> 文档 - Menu菜单_jquery-jquery easyui menu"> 复制代码 代码如下: <div id="mm" class="easyui-menu" style="width:120px;"> <div>New</div> <div

jQuery EasyUI API 中文文档 - ProgressBar 进度条_jquery

用$.fn.progressbar.defaults重写defaults. 依赖 none 用法示例 创建ProgressBar ProgressBar能够从html标记创建或者编程创建.从标记创建更容易些,把 'easyui-progressbar' 类加入到<div/>标记. 复制代码 代码如下: <div id="p" class="easyui-progressbar" style="width:400px;">&

jQuery EasyUI API 中文文档 - Draggable 可拖拽_jquery

用$.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 中文文档 - TimeSpinner时间微调器_jquery

扩展自 $.fn.spinner.defaults,用 $.fn.timespinner.defaults 重写了 defaults. 依赖 spinner 用法 复制代码 代码如下: <input id="ss" required="true" style="width:80px;"> 复制代码 代码如下: $('#ss').timespinner({ showSeconds:true }); 特性<?XML:NAMESPAC

jQuery EasyUI API 中文文档 - Dialog对话框_jquery

扩展自 $.fn.window.defaults,用 $.fn.dialog.defaults 重写了 defaults.   <?XML:NAMESPACE PREFIX = O /> 文档 - Dialog对话框_jquery-easyui dialog api">依赖 window linkbutton 用法 复制代码 代码如下: <div id="dd" title="My Dialog" style="width

jQuery EasyUI API 中文文档 搜索框_jquery

用$.fn.searchbox.defaults重写defaults.文档 搜索框_jquery-jquery easyui api">依赖 menubutton 用法示例 创建SearchBox 1. 从标记创建.把 'easyui-searchbox' 类加入到<input/>标记. 复制代码 代码如下: <script type="text/javascript"> function qq(value,name){ alert(value+

jQuery EasyUI API 中文文档 - DataGrid数据表格_jquery

扩展自 $.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:'