typescript - 导航到其他选项卡时无法破坏淘汰赛绑定(MetroJS)
问题描述
我正在使用打字稿和淘汰赛。在我的示例中,我可以使用 kendo 自定义编辑器(例如淡入淡出或轮播)创建磁贴并设置事务。根据为图块设置的计时器,将显示数据。但是,当我导航到其他选项卡时,计时器事件会尝试查找不再可用的磁贴数据,从而引发错误。我想确保在导航到其他选项卡时,必须销毁或取消绑定所有具有事务事件的图块。我试过使用 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());
}
解决方案
如果您想知道用户何时切换到另一个选项卡(通常是在窗口外),您可以在以下位置捕获blur
事件window
:
$(window).blur(() => console.log("window.blur"));
推荐阅读
- typescript - Typescript:如何声明代表 Treeview 的类型?可能吗?
- azure-devops - 用于创建分支的对话框的目标字段中有什么内容?
- html - 如何通过 Apps 脚本在 Google 协作平台中的链接部分使用 CSS/HTML 搜索框?
- c++ - Boost Djikstra 类 "boost::property_map> 没有成员 "type"
- python - 用户名和密码相同时如何登录网站?
- c - 返回随机数而不是具体的 5.1
- c - 在预处理器指令中使用枚举值
- scala - 强制实现 trait 以提供 trait 可以扩展的内部类
- android - 不可点击的 FloatActionButton
- javascript - 在 POST 方法到服务器控制器期间正文为空