Программно изменить порядок столбцов сетки

Question

Я хочу сортировать столбцы в моей сетке, точно так же, как строки. Я сделал простую функцию сортировки, которая вызывается из обработчика actioncolumn:

sortColumns:function(record) { // The record after which's values the columns are ordered 
    var columns = this.columns; 
    Ext.Array.sort(columns,function(col1,col2) { 
     if(record.get(col1.dataIndex) > record.get(col2.dataIndex)) return 1; 
     if(record.get(col1.dataIndex) < record.get(col2.dataIndex)) return -1; 
     if(col1.dataIndex > col2.dataIndex) return 1; 
     if(col1.dataIndex < col2.dataIndex) return 1; 
     throw new Error("Comparing column with itself shouldn't happen."); 
    }); 
    this.setColumns(columns); 
}); 

setColumns линия в настоящее время бросает ошибку

Cannot add destroyed item 'gridcolumn-1595' to Container 'headercontainer-1598' 

, который из-за «старые» колонны были уничтожены, а затем применяются «новые» столбцы, которые являются одинаковыми и, таким образом, уничтожены.

Я только хочу изменить порядок, но я не нашел никакой функции для этого. Вы знаете, как это сделать?

Управление перетаскиванием колонн работает, поэтому это выполнимо; но я не нашел исходный код, где sencha действительно реализовал эту перетаскивание. Вы знаете, где искать этот код?

Answer 1

Я обнаружил, что со lumns являются пункты headerCt сетке, так что следующие работы хорошо, и в отличие от других ответов, он не создает новых компонентов столбцов, сохраняя состояние столбца и все:

var headerCt = normalGrid.headerCt, 
    columns = headerCt.items.getRange(); 

Ext.Array.sort(columns,function(col1,col2) { 
    if(record.get(col1.dataIndex) < record.get(col2.dataIndex)) return -1; 
    if(record.get(col1.dataIndex) > record.get(col2.dataIndex)) return 1; 
    if(col1.dataIndex < col2.dataIndex) return -1; 
    if(col1.dataIndex > col2.dataIndex) return 1; 
    return 0; 
}); 

headerCt.suspendLayouts(); 
for(var i=0;i<columns.length;i++) 
{ 
    headerCt.moveAfter(columns[i],(columns[i-1] || null)); 
} 
headerCt.resumeLayouts(true); 

Answer 2

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

grid.reconfigure(columns); 

Проверьте this.

Answer 3

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

Ext.define('MyGrid', { 
    extend: 'Ext.grid.Panel', 

    //just renamed "columns" 
    myColumnConfigs: [ 
     //all your column configs 
    ] 
}); 

//to rearrange inside controller, also need to call it on grid render 
var grid = this.getView(); 
var columns = grid.myColumnConfigs; 
//...do your sorting on columns array 
grid.reconfigure(columns); 

Answer 4

метод Reconfigure нуждается два аргумента

grid.reconfigure(store, columns) 

Вот скрипка, которая изменяет столбцы программно https://fiddle.sencha.com/#fiddle/17bk