ext grid鼠标悬停和提示

鼠标悬停:

{
                        //align : 'left',
                        text : '公告标题',
                        flex:5,
                        dataIndex : 'title',
                        renderer : function(value, metaData, record) {
                                return  '<a onmouseover=this.style.color="d54039" onmouseout=this.style.color="#000000" onclick=Msg_FN.queryMsg() style="cursor: pointer;">'+value+'</a>';

                        }

grid行提示:

grid.on('mouseover',function(e){//添加mouseover事件
  var index = grid.getView().findRowIndex(e.getTarget());//根据mouse所在的target可以取到列的位置
  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);
   
  }
   });

IT文库 » ext grid鼠标悬停和提示
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址