Lite-ExtWebPage的轻量级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]

展开内容