extjs網格恢復列（隱藏/顯示），寬度，位置

Question

我想在不重新加載頁面的情況下重置網格列（隱藏/顯示），寬度和位置。 我正在試圖

Ext.getCmp('inventoryResultGrid').applyState(firstState); 

但它只適用於職位。

Answer 1

哪個ExtJS版本？

通過查看EXtJS 3.1.4中的GridPanel.applyState（）的源代碼：在列之後應用狀態實際上僅存儲列模型配置中的值，但不會更改當前設置（位置除外）。

像這樣的東西應該做的（未經測試）：

function restoreColumnState(grid, state) { 
    var cm = grid.getColumnModel(), 
     columns = state.columns, 
     columnState, 
     column, 
     columnIndex; 
    cm.suspendEvents(true); 
    for (var i = 0, len = columns.length; i < len; i++) { 
     columnState = columns[i]; 
     column = cm.getColumnById(columnState.id); 
     if (column) { 
      columnIndex = cm.getIndexById(columnState.id); 
      cm.setHidden(i, columnState.hidden); 
      cm.setColumnWidth(i, columnState.width); 
      if (columnIndex != i) { 
       cm.moveColumn(columnIndex, i); 
      } 
     } 
    } 
    cm.resumeEvents(); 
} 

Answer 2

嘗試重新配置方法是這樣的。

var grid = Ext.getCmp('inventoryResultGrid'); 
grid.reconfigure(grid.store, grid.initialConfig.columns); 

您可以在這裏找到http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.Panel-method-reconfigure