Я использую машинопись и нокаут. В моем примере я могу создавать плитки и устанавливать транзакции с помощью настраиваемого редактора кендо, такого как постепенное исчезновение или карусель. Данные будут отображаться в зависимости от таймера, установленного для плитки. Однако, когда я перехожу на другие вкладки, событие таймера пытается найти данные плитки, которые больше не доступны, что приводит к ошибке. Я хочу убедиться, что при переходе на другие вкладки все плитки с событиями транзакции должны быть уничтожены или отвязаны. Я пробовал использовать ko.utils.domNodeDisposal.addDisposeCallback (element, function (), но он никогда не вызывается.

 init: (element: any, valueAccessor: any, allBindings: any, viewModel: any, bindingContext: any): void => {

        tileState.editableTileInit(element, valueAccessor, viewModel);
        ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
            console.log("I have been called");
        });
    },
    update: (element: any, valueAccessor: any, allBindings: any, viewModel: any, bindingContext: any): void => {

        tileState.editableTileUpdate(element, valueAccessor, viewModel);
    }

Метод init создаст плитки

if (viewModel.editMode() === true) LiveTiles.setupClickHandler(element, viewModel, true);

var sub = viewModel.editMode.subscribe(x => LiveTiles.setupClickHandler(element, viewModel, x));

ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
    sub.dispose();
    TileEditor.destroyEditor(element, viewModel);
    LiveTiles.destroyTile(element, viewModel);
});

Update обновит плитки, если пользователь обновит плитку во время выполнения.

 TileEditor.destroyEditor(element, viewModel);
    LiveTiles.createTile(element, viewModel);
    if (LiveTiles.shouldRecreateClickHandler(viewModel) === true) {
        LiveTiles.setupClickHandler(element, viewModel, viewModel.editMode());
    }

Окно из плитки

Ошибка при переходе на другие вкладки

0
Sac 26 Сен 2018 в 05:20

2 ответа

Лучший ответ

Этот фрагмент кода необходимо вызвать внутри dispose в требуемом файле .ts. Поэтому всякий раз, когда пользователь перемещается, будет вызываться метод dispose, и приведенный ниже код гарантирует, что metrojs css будет удален.

$('.live-tile')['liveTile']("destroy", true);
0
Sac 27 Ноя 2018 в 03:04

Если вы хотите знать, когда пользователь переключился на другую вкладку (как правило, из окна), вы можете поймать событие blur на window:

$(window).blur(() => console.log("window.blur"));
0
Michael Best 26 Сен 2018 в 07:13