对于Ext grid每列鼠标悬浮的数据信息显示处理

最新推荐文章于 2022-05-20 10:35:35 发布

原创最新推荐文章于 2022-05-20 10:35:35 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ext #grid #鼠标悬浮显示数据

ext数据显示问题专栏收录该内容

1 篇文章

订阅专栏

这篇博客详细介绍了如何在Ext Grid面板中处理鼠标悬浮事件，以显示选定列的数据信息。通过监听mouseover事件，获取鼠标所在列的位置，并根据列索引从数据存储中获取对应记录的值。当鼠标悬浮在特定列上时，将数据设置为单元格的提示信息，增强了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

gridPanel.on('mouseover',function(e){//添加mouseover事件
       var index = gridPanel.getView().findRowIndex(e.getTarget());//根据mouse所在的target可以取道列的位置
       //alert("--"+index);
       var cell = gridPanel.getView().findCellIndex(e.getTarget());
       //alert(cell);
       var store_m = gridPanel.getStore();
       var record_m = store_m.getAt(index);
       var str = null;
       if(index!==false){
           switch(cell){
           case 2:
               //str = record_m.get("regorg");
           break;
           case 3:
               //str = record_m.get("regorename");
           break;

           case 4:
               str = record_m.get("entname");
           break;

           case 5:
               str = record_m.get("dom");
           break;
           case 6:
               //str = record_m.get("staindustry");
           break;

           case 7:
               str = record_m.get("regorgjgname");
           break;

           case 8:
               str = record_m.get("getdate");
           break;

           case 9:
               //str = record_m.get("state");
           break;

           case 10:
               //str = record_m.get("pronodestate");
           break;

           case 11:
               str = record_m.get("rf1");
           break;
       }
       if(str!=null)
        {
              var rowEl = Ext.get(e.getTarget());//把target转换成Ext.Element对象
           rowEl.set({
               'ext:qtip':str//设置它的tip属性
           },false);
        }
       }

   });