1、完全使用html标签创建resizable
<div id="rr" class="easyui-resizable" data-options="maxWidth:800,maxHeight:600" style="width:200px;height:200px;border:1px solid #ccc;"> <ul> <li class="item">列表。。。。</li> <li class="item">列表。。。。</li> <li class="item">列表。。。。</li> <li class="item">列表。。。。</li> </ul> </div>
2、先规定结构,用js调用resizable方法
html结构
<div id="rr" style="width:200px;height:200px;border:1px solid #ccc;"> <ul> <li class="item">列表。。。。</li> <li class="item">列表。。。。</li> <li class="item">列表。。。。</li> <li class="item">列表。。。。</li> </ul> </div>
js
$('#rr').resizable({ maxWidth:800, maxHeight:600 });
可以规定调整的最大宽度和高度,调整的方向以及改变大小触发事件