Kendo сетка изменяемая ширина столбца

Question

Столбы сетки могут быть изменены. Я хочу сохранить ширину столбцов с пользовательскими настройками и восстановить их при следующем запуске сеанса.

Лучший способ хранения ширины столбцов я нашел следующее:

var element = $('#grid').kendoGrid({ 
    ... 
    resizable: true, 
    columnResize: function(e) { 
     var state = {}; 
     this.columns.every(function(c,i) { 
      state[c.field] = c.width; 
      return true; 
     }); 
     var state_txt = JSON.stringify(state); 
     localStorage['profile_userprofile_grid_column_width'] = state_txt; 
    } 
} 

Теперь я хочу, чтобы восстановить ширину столбца сохраненное в предыдущем сеансе пользователя. Я могу читать ширину столбцов из хранилища:

var state = JSON.parse(localStorage['profile_userprofile_grid_column_width']); 

Знает ли кто какой-то элегантный способ применить эти значения обратно в сеть, если она уже создана в это время? Ручка изменения размера делает это внутри, так что это возможно, но код, делающий это в источнике сетки, является уродливым.

Answer 1

Вы можете вызвать columnResize событие после initilisation, как показано ниже

function grid_columnResize(e) { 
    // Put your code in here 
    console.log(e.column.field, e.newWidth, e.oldWidth); 
} 
$("#grid").kendoGrid({ 
    columns: [ 
    { field: "name" }, 
    { field: "age" } 
    ], 
    dataSource: [ 
    { name: "Jane Doe", age: 30 }, 
    { name: "John Doe", age: 33 } 
    ], 
    resizable: true 
}); 
var grid = $("#grid").data("kendoGrid"); 
grid.bind("columnResize", grid_columnResize); 

Documentation