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();