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]