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坐标位置。

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

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