extjs tooltip get cell index

Question

Я использую этот код, чтобы показать пользовательскую подсказку в каждой строке сетки. Проблема в том, что я должен показывать это только на некоторых столбцах. Как я могу получить cellIndex в событии beforeshow? Я попытался с tipp.triggerElement.cellIndex и tipp.anchorElement.cellIndex, но я получаю неопределенный

var tip = Ext.create('Ext.tip.ToolTip', { 
    // The overall target element. 
    target: grid.el, 
    // Each grid row causes its own separate show and hide. 
    delegate: grid.view.cellSelector, 
    // Moving within the row should not hide the tip. 
    trackMouse: true, 
    // Render immediately so that tip.body can be referenced prior to the first show. 
    renderTo: Ext.getBody(), 
    listeners: { 
     // Change content dynamically depending on which element triggered the show. 
     beforeshow: function updateTipBody(tipp) {    
     } 
    } 

});

Answer 1

Сначала положите конфигурацию на свою сетку selType: 'cellmodel',, сделав это, вы можете получить текущее положение выбранной ячейки, используя приведенный ниже код.

grid.getSelectionModel().getCurrentPosition();

, который Retruns текущей строки и столбца детали и некоторые другие детали, так что вам нужно получить доступ к этой информации в случае перед шоу острия и вы возвращаетесь ложь вам не нужно, чтобы показать это.

Answer 2

Попробуйте это:

Ext.create('Ext.grid.Panel', { 
    listeners:{ 
     render:function(grid) { 
      var view=grid.getView(); 
      view.tip = Ext.create('Ext.tip.ToolTip', { 
       target: grid.el, 
       // this gets css query to identify the individual cells 
       delegate: view.cellSelector, 
       listeners: { 
        beforeshow: function(tip) { 
         var column = view.getGridColumns()[tip.triggerElement.cellIndex]; 
         var record = view.getRecord(tip.triggerElement.parentNode); 
         tip.update(record.get(column.dataIndex)); 
        } 
       } 
      }); 
     } 
    } 
); 

Answer 3

Когда я хочу (OnMouseOver) для отображения в подсказке содержимое ячейки/столбца (например, содержание больше, чем ширина ячейки) Я использую следующий метод визуализации, который вы Mabe может адаптироваться к вашему делу со значением вы хотите:

renderer: function (value, metaData, record, rowIndex, colIndex, store, view) { 
      metaData.tdAttr = 'data-qtip= "' + value + '" data-qclass="tipCls" '; 
      return value; 
} 

отлично работает в моих случаях и просто.

Взгляните: https://www.sencha.com/forum/showthread.php?179016-Grid-cell-tooltip