ext grid 클릭 이벤트

1811 단어 ext
EXTJS GRID에서 행 및 셀을 클릭하여 행 또는 셀의 컨텐트(데이터)를 가져옵니다.

grid.addListener('cellclick',cellclick);

function cellclick(grid, rowIndex, columnIndex, e) { 
var record = grid.getStore().getAt(rowIndex); //Get the Record 
var fieldName = grid.getColumnModel().getDataIndex(columnIndex); //Get field name 
var data = record.get(fieldName); 
Ext.MessageBox.alert('show',' '+data); 
}

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

---------------------------------------------------------------------------------

  listeners: {
'cellclick':function(grid,rowIndex,columnIndex,e ){ } 
}

// grid , 
grid.getView().getCell(rowIndex,columnIndex).style.background-color="#FF6600"; 
grid.getView().getCell(rowIndex,columnIndex).style.color="#FF6600"; 
나는 글자의 색깔이 아니라 전체 배경색을 바꾸려고 한다.그리고 어떻게 칸을 눌렀을 때 지난번 점의 칸 색깔을 원래로 회복할 수 있습니까???
표를 새로 고치면 이전에 눌렀던 색을 복원할 수 있습니다.grid.getView().refresh(); 그리고 이번에 클릭한 칸을 변색시킵니다.
grid.getView().refresh(); 
grid.getView().getCell(rowIndex,columnIndex).style.backgroundColor="#FF9999";

좋은 웹페이지 즐겨찾기