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

﹏ヽ暗。殇╰゛Y 2022-03-27 14:54 233阅读 0赞

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

**特性**

<table style="border-collapse:collapse;"> 
 <tbody> 
 <tr> 
 <td style="background:rgb(238,238,238);border:1pt solid rgb(140,172,187);">名称</td> 
 <td style="background:rgb(238,238,238);border-width:1pt 1pt 1pt medium;border-style:solid solid solid none;border-color:rgb(140,172,187) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">类型</td> 
 <td style="background:rgb(238,238,238);border-width:1pt 1pt 1pt medium;border-style:solid solid solid none;border-color:rgb(140,172,187) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">说明</td> 
 <td style="background:rgb(238,238,238);border-width:1pt 1pt 1pt medium;border-style:solid solid solid none;border-color:rgb(140,172,187) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">默认值</td> 
 </tr> 
 <tr> 
 <td style="border-width:medium 1pt 1pt;border-style:none solid solid;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187);">disabled</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">boolean</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">true将禁止调整尺寸。</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">false</td> 
 </tr> 
 <tr> 
 <td style="border-width:medium 1pt 1pt;border-style:none solid solid;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187);">handles</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">string</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">指resizable的方向。'n'是北，'e'是东，等等。</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">n, e, s, w, ne, se, sw, nw, all</td> 
 </tr> 
 <tr> 
 <td style="border-width:medium 1pt 1pt;border-style:none solid solid;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187);">minWidth</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">number</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">调整尺寸时最小宽度。</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">10</td> 
 </tr> 
 <tr> 
 <td style="border-width:medium 1pt 1pt;border-style:none solid solid;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187);">minHeight</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">number</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">调整尺寸时最小高度。</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">10</td> 
 </tr> 
 <tr> 
 <td style="border-width:medium 1pt 1pt;border-style:none solid solid;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187);">maxWidth</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">number</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">调整尺寸时最大宽度。</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">10000</td> 
 </tr> 
 <tr> 
 <td style="border-width:medium 1pt 1pt;border-style:none solid solid;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187);">maxHeight</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">number</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">调整尺寸时最大高度。</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">10000</td> 
 </tr> 
 <tr> 
 <td style="border-width:medium 1pt 1pt;border-style:none solid solid;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187);">edge</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">number</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">被调整尺寸的边框的边缘。</td> 
 <td style="border-width:medium 1pt 1pt medium;border-style:none solid solid none;border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200);">5</td> 
 </tr> 
 </tbody> 
</table>

**事件**