对话框模块的回调函数

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在对话框显示,隐藏,确认,拒绝的时候,我们可以去做一些额外的事件 .. 在 first 这个对话框的 modal 方法里面,我们可以去添加一些 modal 模块支持的回调函数 ..

先添加一个 onShow .. 它的值可以是一个匿名函数 .. onShow 会在开始显示对话框的时候立即执行 .. 把要做的事放在这个函数里面 .. 用一个 console.log .. 在控制台上输出点文字 .. 正在显示 ..

打开浏览器的控制台 .. 回到编辑器 .. 保存 .. 在控制台上会输出 正在显示 这几个字 .

对话框完全显示以后,会执行 onVisible 这个回调 .. 输入 onVisible .. 同样它的值是一个匿名函数 .. 要做的事就是在控制台上输出 完全显示 这几个字儿 .. 再保存一下 .. 这次在控制台上会先输出 正在显示 .. 等对话框完全显示以后,会执行 onVisible .. 这样就会显示 完全显示 ..

关掉对话框的时候,首先会立即执行 onHide .. 完全关闭以后,会执行 onHidden .. 我们再去设置一下这两个回调 .. onHide .. 在控制台上输出 开始隐藏 .. onHidden .. 输出 完全隐藏 .. 保存 ..

然后关掉对话框 .. 你会看到,控制台上会先显示 正在隐藏 ... 完全关闭了对话框以后,就会显示一个 完全隐藏 ..

点击对话框上的 positive 按钮以后,会执行 onApprove 这个回调 .. 点击 negative 按钮的时候会执行 onDeny .. 你也可以把要做的一些事件添加到这些回调里面 ..

先用一个 onApprove .. 输出 确认 .. 再添加一个 onDeny .. 输出 拒绝 .. 保存 ..

先点一下 是 这个按钮 .. 它是一个 positive 按钮 ... 所以点击以后,会执行 onApprove .. 在控制台上输出 确认 这两个字儿 .

再试一下 .. 这次点击 否 .. 这个按钮是一个 negative .. 所以点击它的时候会执行 onDeny .. 这样就会输出 拒绝 ..

对话框模块的回调函数《 Semantic UI 模块 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点