Ext 鼠标悬停grid的一行显示该行信息

_grid.on('mouseover', function(e) {// 添加mouseover事件
            var index = _grid.getView().findRowIndex(e.getTarget());
            var index2 = _grid.getView().findCellIndex(e.getTarget());
            var store = _grid.getStore();
            // 根据mouse所在的target可以取到列的位置
            //alert(index + "==" + index2);

            if (index !== false) {// 当取到了正确的列时,(因为如果传入的target列没有取到的时候会返回false)
                var record = store.getAt(index);// 把这列的record取出来
                var str = Ext.encode(record.data);// 组装一个字符串,这个需要你自己来完成,这儿我把他序列化
                var rowEl = Ext.get(e.getTarget());// 把target转换成Ext.Element对象
                rowEl.set({
                    'ext:qtip' : str
                // 设置它的tip属性
                }, false);

            }
        });
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值