导航远离TabStrip中的选项卡时显示模态对话框

Question

当用户在TabStrip组件中选择一个标签时，有没有办法显示模态对话框？下面的代码显示window.confirm，无法显示模式对话框。

onTabSelected(e : any){
    if (!window.confirm("Continue with navigation?")) {
        e.prevented = true;
    }  
}

Answer 1

结束取消选项卡选择事件，显示模式对话框，并根据用户答案重新提交事件。

Answer 2

该对话框不能直接替代window.confirm，因为它无法阻止UI线程。要使用Kendo UI对话框替换onTabSelected(e: any) { e.prevented = true; this.dialogService.open({ content: "Continue with navigation?", actions: [ { text: "No" }, { text: "Yes", primary: true } ] }).result.subscribe((result) => { if (result.primary) { // change tab through code this.tabStrip.selectTab(e.index); } }); } ，可以阻止所有选项卡选择，并等待对话框结果：

const mongoose = require('mongoose')
mongoose.Promise = global.Promise // <--
const Schema = mongoose.Schema
const UserSchema = new Schema({
  name: String,
})
const User = mongoose.model('user', UserSchema)
module.exports = User

有关正常工作的演示，请参阅。