extjs4.2 - moveColumn 上的 Extjs 4.2.1 将其位置保存在网格面板和数据库中

Question

我想在网格面板中移动列并将其位置保存在数据库中，以便下次登录时我将在网格面板中获得相同的列重新排序。我正在使用以下函数在网格面板中移动列。

columnmove: function (container, coulmn, from, to) {

alert('Column Moved From' + from + 'To' + to); }

Answer 1

将列的顺序以逗号分隔或其他格式保存在数据库中。下次使用来自后端的值动态构建列。

像这样的东西

var selectedColumns = ['Description', 'DateTime', 'Type',  'Status']; 

  var gridColumns = [];
  for (var i = 0; i < selectedColumns.length; i++) {
  var col = {
                    text: selectedColumns[i],                  
                    dataIndex: selectedColumns[i],
                    sortable: true,                  
                    hideable: false,

                };


 gridColumns.push(col);


}

grid.columns= gridColumns

或使用

grid.reconfigure(grid.getStore(), gridColumns);

Answer 2

您可以实现Ext.state.Provider：

状态提供者实现的抽象基类。提供者负责设置值和从底层存储源提取值。存储源可以变化，细节应该在子类中实现。例如，提供者可以使用服务器端数据库或支持的浏览器本地存储。

或者，您可以使用现有的Ext.state.LocalStorageProvider类。