特定のSlickGrid列の並べ替えを防止する

Question

ドラッグ＆ドロップ列の並べ替えは素晴らしい機能ですが、ユーザーが特定の（データ以外の）列を移動させないようにするにはどうすればよいですか？

たとえば、私はマルチ選択グリッドにチェックボックスセレクタを使用していますが、この列は常に左にロックする必要がありますが、他の列は自由に並べ替えることができます。

Answer 1

jQuery UIのソート可能なデモを見て、slick.grid.jsのsetupColumnReorder関数を変更して特定の項目を除外しました。チェックボックス列を除外することで、その列の前に他の列をドラッグしても並べ替えができなくなりました。

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

私のチェックボックスの列は常に最初であるため、私はちょうどそのようにIDを取得します。ハックのビットが、それは働いた。

Answer 2

私はこの試みた：

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

をしかし、その前に他の列をドラッグするとき、私は問題を抱えていました。それから私はこれを試みた：

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

それはちょうど良かった。