Prevenire la selezione di celle Handsontable nell'intestazione di colonna, fare clic su

Question

In a Handstable, quando si fa clic su un'intestazione di colonna, vengono selezionate tutte le celle di tale colonna. È un modo per evitare che ciò accada?

Non penso che ci sia una tale opzione nella documentazione. Non ho trovato dove gli eventi sono registrati sul DOM all'interno del codice sorgente della stessa libreria Handstable.

Qualsiasi suggerimento sarebbe apprezzato. Grazie.

Answer 1

È possibile interrompere l'evento dalla propagazione utilizzando il gancio beforeOnCellMouseDown, che impedisce alle celle della colonna intestazione che è stato fatto clic da selezionare:

/** 
* @param {MouseEvent} event 
* @param {WalkontableCellCoords} coords 
* @param {Element} element 
*/ 
var handleHotBeforeOnCellMouseDown = function(event, coords, element) { 
    if (coords.row < 0) { 
    event.stopImmediatePropagation(); 
    } 
}; 

Handsontable.hooks.add('beforeOnCellMouseDown', 
    handleHotBeforeOnCellMouseDown, handsontable); 

Un grazie speciale a Gustavo per il suo aiuto!

Answer 2

Non credo sia possibile prevenire questo comportamento. Non ho trovato alcun indizio né nella documentazione né rapidamente ispezionando il codice sorgente.

Tuttavia, è possibile deselezionare le celle selezionate subito dopo essere state selezionate. Legare una funzione per gestire l'evento click cella farebbe il trucco. Si potrebbe fare che o registrando la richiamata quando si crea un'istanza vostro handsontable:

$('#my_handsontable').handsontable({ 
    ... 
    afterOnCellMouseDown: function(event, coords){ 
     // 'coords.row < 0' because we only want to handle clicks on the header row 
     if (coords.row < 0){ 
      $('#my_handsontable').handsontable('deselectCell'); 
     } 
    }, 
    ... 
}); 

o tramite un gancio:

Handsontable.hooks.add('afterOnCellMouseDown', function(event, coords){ 
    if (coords.row < 0){ 
     $('#my_handsontable').handsontable('deselectCell'); 
    } 
}); 

In alternativa, è possibile modificare il codice sorgente handsontable e commentare il pezzo di codice walkontableConfig che fa selezionare l'intera colonna quando viene cliccato una cella di intestazione:

var walkontableConfig = { 
    ... 
    onCellMouseDown: function (event, coords, TD, wt) { 
     ... 
     // if (coords.row < 0) { 
     // instance.selectCell(0, coords.col, instance.countRows() - 1, coords.col); 
     // instance.selection.setSelectedHeaders(false, true); 
     // } 
     ... 
    }, 
    ... 
};