Lite-Ext WebPage的轻量级Ext

 
实现要点:
1.根据文本宽度自动设置容器宽度
2.提示: 动态设置 宽度,高度,自动隐藏,手动关闭 。
[code]
Ext.onReady(function() {
var tip = new Ext.ux.TipLite( {
//标题
title:\'测试\',
//内容
html:\'一点提醒\',
//在哪个元素上提示
targetId:\'tip_test\',
//是否允许用户关闭 ,和 autoHide 一般设置一个,不同是设置
closeable:true,

//显式设置宽度 px
//width:100,
//显式设置高度 px
//height:100,

//否则根据文字自动高宽,宽度最宽为300px后换行

//是否鼠标移出元素自动隐藏
autoHide:false

} );

//动态设置 是否鼠标移出隐藏
tip.setAutoHide(true);
//tip.setAutoHide(false);

//动态设置 是否用户关闭
tip.setCloseable(false);
tip.setCloseable(true);

//动态设置根据 文字宽度换行 ,注意:参数不填
tip.setWidth();

//动态设置固定宽度
//tip.setWidth(100);

//动态设置固定高度
//tip.setHeight(100);

//监听事件,出现,隐藏
tip.on(\'show\',function(){
//console.log(\'hello\');
});

tip.on(\'hide\',function(){
//console.log(\'88\');
});

});
[/code]

1. 本站所有文章及资源来源于用户上传和网络,如有侵权请联系站长处理!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律,否则后果自负!
4. 如有链接无法下载、失效或广告,请联系管理员处理!
5. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

中国站长社区 » Lite-Ext WebPage的轻量级Ext

发表评论

发布资源,赚取佣金,随时提现

立即发布 了解详情