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
});

特性


名称


类型


说明


默认值


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-27 19:09:25

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

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. });  特性 名称 类型

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 中文文档 - 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:'

jQuery EasyUI API 中文文档 - Calendar日历使用_jquery

用 $.fn.calendar.defaults 重写了 defaults.   <?XML:NAMESPACE PREFIX = O /> 文档 - Calendar日历使用_jquery-jquery calendar api">用法 复制代码 代码如下: <div id="cc" style="width:180px;height:180px;"></div> 复制代码 代码如下: $('#cc').cale

jQuery EasyUI API 中文文档 - ComboGrid 组合表格_jquery

扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults,用 $.fn.combogrid.defaults 重写了 defaults . 文档 - ComboGrid 组合表格_jquery-easyui combogrid api">依赖 combo datagrid 用法 复制代码 代码如下: <select id="cc" name="dept" style="width:250px;&

jQuery EasyUI API 中文文档 - ComboTree组合树_jquery

扩展自 $.fn.combo.defaults 和 $.fn.tree.defaults.用 $.fn.combotree.defaults 重写了defaults. <?XML:NAMESPACE PREFIX = O /> 文档 - ComboTree组合树_jquery-easyui combotree api">依赖 combo tree 用法 <select id="cc" style="width:200px;">

jQuery EasyUI API 中文文档 - ComboBox组合框_jquery

扩展自 $.fn.combo.defaults. 用 $.fn.combobox.defaults 重写了 defaults. <?XML:NAMESPACE PREFIX = O />   文档 - ComboBox组合框_jquery-easyui combobox api">依赖 combo 用法 <select id="cc" name="dept" style="width:200px;"> &l

jQuery EasyUI API 中文文档 - NumberBox数字框_jquery

扩展自 $.fn.validatebox.defaults,用 $.fn.numberbox.defaults 重写了 defaults . 依赖 validatebox 用法 复制代码 代码如下: <input type="text" id="nn"></input> 复制代码 代码如下: $('#nn').numberbox({ min:0, precision:2 }); 特性<?XML:NAMESPACE PREFIX = O

jQuery EasyUI API 中文文档 - Parser 解析器_jquery

用法 复制代码 代码如下: $.parser.parse(); // 解析整个页面 $.parser.parse('#cc'); // 解析某个具体节点 特性<?XML:NAMESPACE PREFIX = O /> 名称 类型 说明 默认值 $.parser.auto boolean 定义是否自动解析easyui组件. true 事件 名称 参数 说明 $.parser.onComplete context 当解析器完成解析动作的时候触发. 方法 名称 参数 说明 $.parser.pars