悬停提示



Ext.onReady(function(){
  Ext.QuickTips.init();
  
  var btn = new Ext.Button({
    text: "悬停演示",
    renderTo: Ext.getBody(),
    tooltip: "这是一个悬停演示的按钮,怎么样?<br>是不是很漂亮?",
    tooltipType: "qtip" //"title"
  });
});







new Ext.Window({

    ........

}).show(Ext.getBody(),); //动态效果





Ext.QuickTips.register({
  text: "请输入您的姓名,年龄,是否单身,身材是否S和祖宗十八代的全部信息。",
  target: "ta", //悬停目标
  title: "输入" ,

  width : 60 ,

  dismissDelay : 3 , //悬停时间

  autoHide: false , //悬停提示不会消失

  hideDelay : 3 , //消失的时间,试了一下,好像没效果
  maxWidth : 300 , //(系统默认300)最大宽度
  minWidth : 60 , //最小宽度
  showDelay : 3 , //显示时间
  trackMouse:true //提示框是否跟着鼠标一起走。
});



全局定义的提示

Ext.apply(Ext.QuickTips.getQuickTip(), {
      maxWidth: 200,
      minWidth: 100,
     showDelay: 50,
     trackMouse: true,
     hideDelay: 5000
});

你可能感兴趣的:(ext)