कुछ स्लिमग्रिड कॉलम को पुन: व्यवस्थित करने से रोकें

Question

ड्रैग/ड्रॉप कॉलम रीडरिंग एक शानदार सुविधा है, लेकिन मैं उपयोगकर्ताओं को विशेष (गैर-डेटा) कॉलम को स्थानांतरित करने से कैसे रोकूं?

उदाहरण के लिए, मैं अपने mutli-select ग्रिड के लिए चेकबॉक्स चयनकर्ताओं का उपयोग कर रहा हूं, लेकिन यह कॉलम हमेशा बाईं ओर बंद होना चाहिए, जबकि अन्य कॉलम को स्वतंत्र रूप से पुन: व्यवस्थित किया जा सकता है।

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+"')", 
... 

चूंकि मेरा चेकबॉक्स कॉलम हमेशा पहले होता है, इसलिए मैं बस आईडी को पकड़ता हूं। एक हैक का थोड़ा सा, लेकिन यह काम किया।

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

और यह ठीक था।