利用ext core 以及 界面设计素材 重新简化实现 Ext 提示 ,单用的话可节省网络带宽。
实现要点:
1.根据文本宽度自动设置容器宽度
2.提示:
动态设置
宽度,高度,自动隐藏,手动关闭 。
/*
v1.0(20090509) 按照ext tip素材及思想补充重新实现 提示,动态设置 宽度,高度,自动隐藏,手动关闭
v1.5(20090601) 享元模式采用,全局采用一个TipLite实例,内部数据,外部数据分开
v1.6(20090602) 自适应高度修正,滚动条隐藏修正
v1.6.5(20090803) 增加removeTip函数,可以随时移去某节点的提示功能
*/
使用代码
//注意全局单一实例 tip
var tip = Ext.ux.TipLiteManager.addTip( {
//标题
title:'测试',
//内容
html:'一点提醒一点提醒一点提醒<br/>一点提醒<br/>一点提醒<br/>',
//在哪个元素上提示
targetId:'tip_test',
//显式设置宽度 px
//width:100,
//显式设置高度 px
//height:100,
//否则根据文字自动高宽,宽度最宽为300px后换行
//是否鼠标移出元素自动隐藏
autoHide:false
});
Ext.ux.TipLiteManager.addTip( {
//标题
title:'测试',
//内容
html:'一点提醒',
//在哪个元素上提示
targetId:'tip_test2',
//显式设置宽度 px
width:100,
//显式设置高度 px
height:100,
//否则根据文字自动高宽,宽度最宽为300px后换行
//是否鼠标移出元素自动隐藏
autoHide:true
});
Ext.ux.TipLiteManager.addTip( {
//标题
title:'测试',
//内容
html:'一点提醒2',
//在哪个元素上提示
targetId:'tip_test2',
//显式设置宽度 px
width:100,
//显式设置高度 px
height:100,
//否则根据文字自动高宽,宽度最宽为300px后换行
//是否鼠标移出元素自动隐藏
autoHide:true
});
//监听事件,出现,隐藏
tip.on('show',function(){
//console.log('hello');
});
tip.on('hide',function(){
//console.log('88');
});
Ext.get('close2').on("click",function(){
Ext.ux.TipLiteManager.removeTip(Ext.get("tip_test2"));
});
- 大小: 6.9 KB
分享到:
- 2009-05-09 21:34
- 浏览 2351
- 评论(0)
- 论坛回复 / 浏览 (0 / 2024)
- 查看更多
相关推荐
TipLite 轻量级的Ext 提示----下载不扣分,回帖加1分,欢迎下载,童叟无欺
Lite-Ext WebPage的轻量级Ext.zip
TipLite 漂亮的EXT气泡提示插件.zip
网页模板——TipLite 漂亮的EXT气泡提示插件
WindowLite 轻量级的Ext窗口.zip
CalendarLite 轻量级的Ext日历.zip
EXT 提示 myeclipse中提示ext的api
Ext 智能提示 JS 以及使用方法说明 Ext智能提示的操作文件以及使用说明
ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...
高级Ext上传功能,真正的好东西.高级Ext上传功能,绝对精彩
ext 提示工具 Vs2008 Ext 提示工具
Myecplise 设置ext3.0自动提示功能 包含Spket的插件包和ext3.0的提示文件ext.jsb文件 ,以及具体设置操作
spket下载 一个world关于如何在Eclipse上设置extjs的提示。
Ext-locale包提供了使用预定义词典对象进行轻量级本地化的机制。 它完全支持动态包加载器,并在任何给定级别提供类内的属性替换。 另外,它可以在XTemplate中使用,并确保与视图绑定的紧密集成。 当前版本2.5.0的...
EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT中文EXT...
封装一个Ext消息提示框,显示几秒后自动消失
zentaoPHP框架是禅道开发团队开发的一款轻量级的mvc框架,概念简单,结构良好,同时很注重对开发人员的友好,有深度的扩展机制。zentaoPHP框架成功的驱动了禅道团队三个产品,上百个功能模块的开发维护。 更新...