extjs 鼠标滑过grid时产生提示grid列中的值

 

grid.on('mouseover',function(e){//添加mouseover事件
  var index = grid.getView().findRowIndex(e.getTarget());//根据mouse所在的target可以取到列的位置
  var cell= grid.getView().findCellIndex(e.getTarget());
  if(index!==false){//当取到了正确的列时,(因为如果传入的target列没有取到的时候会返回false)
   var record = errorInfoStore.getAt(index);//把这列的record取出来
   var str1 = Ext.encode(record.data.errMsg);//组装一个字符串,这个需要你自己来完成,这儿我把他序列化,errMsg是json字符串中的name
   var str2 = Ext.encode(record.data.errDis);//组装一个字符串,这个需要你自己来完成,这儿我把他序列化, errDis是json字符串中的name
   var rowEl = Ext.get(e.getTarget());//把target转换成Ext.Element对象
   if(cell==2){
    rowEl.set({
    'ext:qtip':str1  //设置它的tip属性
   },false);
   }
  if(cell==3){
       rowEl.set({
    'ext:qtip':str2  //设置它的tip属性
   },false);
  }
   
  }
   });    
   Ext.QuickTips.init();

 

posted @ 2012-11-26 10:38  合肥房屋托管  阅读(3113)  评论(0编辑  收藏  举报