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

原创 2013年12月05日 13:15:28
_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);

            }
        });

相关文章推荐

ExtJS Grid Tooltip提示 鼠标悬停

本文总结了ExtJS Grid Tooltip的几种实现方法。ExtJS Grid Tooltip可以通过表头提示,单元格提示,行提示以及自己手动添加等方式完成。本文参考了官方FAQ上提供的描述。 ...

EXT 鼠标置于GridPanel某一行上显示提示tip消息

listeners: { 'render': function (grid) { ...
  • LZG0321
  • LZG0321
  • 2012年02月05日 10:46
  • 4227

EXT 鼠标置于GridPanel某一行上显示提示tip消息

[javascript] view plaincopy listeners: {                          'render': function...

EXT 鼠标放到GridPanel的行的某一个单元格显示tip

function qtip(value, metadata, record, rowIndex, colIndex, store) { var tplStr='
  • LZG0321
  • LZG0321
  • 2012年02月04日 20:44
  • 1784

ext grid鼠标悬停和提示

鼠标悬停:{ //align : 'left', text : '公告标题', ...

ExtJS4.2 Grid 单元格鼠标悬停提示

ExtJS4.2的FormPanel中TextField的鼠标悬浮提示

Jqgrid 鼠标旋停显示框实现

需求:当鼠标移至审核状态时,浮层显示未通过原因。。。 {name: "auditStatusDesc",align:"center",sortable:false,formatter:funct...

在Ext的GridPanel中添加鼠标悬停的效果

{ header : "备注", sortable : true, dataIndex : 'fzr_bz', width : 3, renderer: fun...
  • ying890
  • ying890
  • 2015年08月03日 11:33
  • 637

ArcGIS api for javascript——鼠标悬停时显示信息窗口

描述 本例展示当用户在要素上悬停鼠标时如何显示InfoWindow。本例中,要素是查询USA州图层的QueryTask的查询结果。工作流程如下: 1.用户单击一个要素 2.要素是“加亮的”图形。...

Swing鼠标悬停时巧用上下文菜单显示提示信息

Swing的大多数控件都已经实现了setToolTip接口,当鼠标悬停时会显示设置好的提示信息。但是当需要精确地显示复杂的提示信息时就力不从心。本文就介绍利用上下文菜单来显示复杂的提示信息。    ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ext 鼠标悬停grid的一行显示该行信息
举报原因:
原因补充:

(最多只允许输入30个字)