ExtJS Quicktip约束问题

Question

我已经定义了一个列渲染器，它创建了一个包含ext.qtip属性以创建快速提示的HTML片段。所有的工作都很好，图像在网格单元格中呈现，当我将鼠标悬停在图像上时，会显示一个带有较大图像的工具提示......所有内容都很好，但底部行的快捷方式超出了面板的限制，是否有任何方法让它留在面板边界内？

var thumbRenderer = function(value, meta, record){ 
    var thumbPath = Config.baseUrl + 'images/thumb/' + record.get('filename'); 
    var previewPath = Config.baseUrl + 'images/big/' + record.get('filename'); 
    return String.format('<img src="{0}" ext:qwidth="312" ext:qtip="<img style=\'margin: 2px 0;width:300px;\' src=\'{1}\' />" width="60" class="pic" />', thumbPath, previewPath); 
} 

Answer 1

你可能想看看showAt方法：

tip.showAt([x,y]); 

其中X和Y是各自的X和Y坐标位置。

编辑：您还可以使用showBy()方法上QuickTip实例：

http://dev.sencha.com/deploy/dev/docs/source/Tip.html#method-Ext.Tip-showBy