Evitar que ciertas columnas SlickGrid se reordenen

Question

La función de reordenar columnas de arrastrar/soltar es una gran característica, pero ¿cómo evito que los usuarios muevan columnas particulares (sin datos)?

Por ejemplo, estoy usando los Selectores de casilla de verificación para mi Cuadrícula de selección múltiple, pero esta columna siempre debe estar bloqueada a la izquierda, mientras que las otras columnas se pueden reordenar libremente.

Answer 1

Miré las demostraciones clasificables en jQuery UI y modifiqué la función setupColumnReorder en slick.grid.js para excluir ciertos elementos. Al excluir la casilla de verificación, pude evitar que se vuelva a ordenar, incluso arrastrando otras columnas antes.

function setupColumnReorder() { 
var checkBoxColumn = $headers.children([0]).attr('id'); 
$headers.sortable({ 
items: "div:not('.slick-resizable-handle','#"+checkBoxColumn+"')", 
... 

Dado que mi columna de casilla de verificación es siempre la primera, acabo de tomar la identificación como tal. Un poco de hack, pero funcionó.

Answer 2

He intentado esto:

function setupColumnReorder() { 
var checkBoxColumn = $headers.children([0]).attr('id'); 
$headers.sortable({ 
items: "div:not('.slick-resizable-handle','#"+checkBoxColumn+"')", 
... 

pero tuve problemas al arrastrar otras columnas antes. Entonces probé esto:

grid.onColumnsReordered.subscribe(function (e, args) { 
    if (myGridColumns[0].id != grid.getColumns()[0].id) 
    { 
     grid.setColumns(myGridColumns); 
    } 
    else 
    { 
     myGridColumns= grid.getColumns(); 
    } 
}); 

y estaba bien.