Изменение порядка столбцов SlickGrid Сбрасывает заголовок столбца HTML

Question

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

function selectHeaderIcon(searchActive){
        if (searchActive) {
            return "ui-icon-zoomin";
        } else {
            return "ui-icon-search";
        }
    }

function updateColumnHeader(searchActive){
        self.grid.updateColumnHeader(column.id, name + '<span class="ui-icon '+selectHeaderIcon(searchActive)+' slick-resizable-handle searchLink  ' + columnCss + '" ></span>', 'Search');
    }

Я также включил изменение порядка столбцов в сетке. Однако всякий раз, когда я изменяю порядок столбцов, мои значки поиска исчезают! Я провел дополнительное тестирование в отладчике Chrome, вручную добавив текст для изменения имени столбца, а также добавив случайный новый диапазон в html. После изменения порядка столбцов оба изменения исчезли. Хранит ли SlickGrid другую копию заголовков моих столбцов, а не использует то, что отображается для переупорядочения? Если так, то почему? Как мне обойти эту проблему?

Answer 1

Похоже, вам нужно подписаться на событие onColumnsReordered, что-то вроде следующего:

GridName.onColumnsReordered.subscribe(function(e, args) {
    updateColumnHeader(searchActive);
});