jQuery EasyUI steker berdasarkan - ukuran Adjustable Resizable
jQuery EasyUI Plugin
Dengan $ .fn.resizable.defaults menimpa default default.
pemakaian
Tags membuat ukuran disesuaikan (resizable) objek.
<Div class = "easyui-resizable" style = "width: 100px; height: 100px; border: 1px # ccc padat;" Data-opsi = "MaxWidth: 800, maxHeight: 600"> </ Div>
Gunakan javascript membuat ukuran disesuaikan (resizable) objek.
<Div id = "rr" style = "width: 100px; height: 100px; border: 1px # ccc padat;"> </ div>
$ ( '# Rr'). Resizable ({ MaxWidth: 800, maxHeight: 600 });
milik
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
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 |
peristiwa
名称 | 参数 | 描述 |
---|---|---|
onStartResize | e | 开始调整尺寸时触发。 |
onResize | e | 调整尺寸期间触发。返回 false 时,DOM 元素将不进行实际的调整尺寸动作。 |
onStopResize | e | 停止调整尺寸时触发。 |
cara
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回可调整尺寸(resizable)选项(options)。 |
enable | none | 启用可调整尺寸(resizable)特性。 |
disable | none | 禁用可调整尺寸(resizable)特性。 |
jQuery EasyUI Plugin