/**
*添加grid的某一列的tip
*就将tip绑定到每一列上
* 此方法可以黏贴到任何使用gird的页面中可直接实现tip效果
*/
grid.on('render',function(grid){
var storeTip = grid.getStore();
var view = grid.getView();
grid.tip = new Ext.ToolTip({
target : view.mainBody,
delegate : '.x-grid3-row',
trackMouse : true,
renderTo : document.body,
listeners : {
beforeshow: function updateTipBody(tip){
var rowIndex = view.findRowIndex(tip.triggerElement);
tip.body.dom.innerHTML = store.getAt(rowIndex).get("name");//store.getAt(rowIndex)获得的事Record,‘name’是field中的值
}
}
});
});
给grid添加tip,只需要改几个字就可以在很多地方使用
最新推荐文章于 2022-07-21 12:39:12 发布
本文介绍如何在 ExtJS 的 Grid 控件中为特定列添加 Tooltips 功能,通过绑定事件实现每行数据的名称作为提示信息展示,提高用户交互体验。
2万+

被折叠的 条评论
为什么被折叠?



