温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

07 jQuery EasyUI 之Resizable调整大小

发布时间:2020-06-13 13:07:02 来源:网络 阅读:818 作者:l363130002 栏目:web开发

如果初始化一个DIV并设置了高度宽度,但是又想动态改变div尺寸大小,就需要使用Resizable

Resizable插件有2种方式实现


第一种 通过标记创建Resizable对象

<div class="easyui-resizable"    data-options="maxWidth:800,maxHeight:600"></div>

class="easyui-resizable" 通过设置class


第二种 通过javascript创建Resizable对象

先定义div并定义ID

<div id="rr" ></div>

在调用javascript代码

$('#rr').resizable({    
    maxWidth:800,    
    maxHeight:600
});

常用属性:

disabled:如果设置为 true,则禁止调整尺寸。

handles:指可调整尺寸(resizable)的方向,'n' 是北,'e' 是东,等等。

minHeight:调整尺寸时最小高度。   
maxWidth:调整尺寸时最大宽度。    
maxHeigh:调整尺寸时最大高度。   
edge:被调整尺寸的边框的边缘。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI