ant-design/components/notification/demo/with-btn-onclose.md

38 lines
1.1 KiB
Markdown
Raw Normal View History

2015-07-29 20:08:16 +08:00
# 自定义关闭按钮同时触发回调函数
2015-08-03 15:17:12 +08:00
- order: 5
2015-07-29 20:08:16 +08:00
关闭自定义的关闭按钮时触发回调函数,同时还可以在默认关闭按钮上添加另一个回调函数。
---
````jsx
2015-07-30 21:04:52 +08:00
var notification = require('antd/lib/notification');
2015-07-31 18:13:32 +08:00
var close = function() {
2015-07-30 21:04:52 +08:00
// 自定义按钮关闭时的业务处理
2015-07-29 20:08:16 +08:00
console.log("我被自定义的关闭按钮关闭了!");
2015-07-30 21:04:52 +08:00
// 隐藏提醒框
2015-08-04 15:48:00 +08:00
notification.close(key);
2015-07-30 21:04:52 +08:00
};
2015-07-29 20:08:16 +08:00
2015-07-31 18:13:32 +08:00
var onClose = function() {
2015-07-30 21:04:52 +08:00
// 默认按钮关闭时的业务处理
2015-07-29 20:08:16 +08:00
console.log("我被默认的关闭按钮关闭了!");
2015-08-06 15:19:45 +08:00
};
2015-07-29 20:08:16 +08:00
2015-08-06 20:55:30 +08:00
var btn = <button className="ant-btn ant-btn-primary ant-btn-sm">自定义关闭按钮并触发回调函数</button>;
2015-07-29 20:08:16 +08:00
var openNotification = function() {
2015-08-06 15:19:45 +08:00
notification.open({
2015-07-29 20:08:16 +08:00
message: "这是标题",
description: "这是提示框的文案这是提示框示框的文案这是提示是提示框的文案这是提示框的文案",
2015-08-06 20:55:30 +08:00
btn: btn
2015-08-06 15:19:45 +08:00
});
2015-07-30 21:04:52 +08:00
};
2015-07-29 20:08:16 +08:00
React.render(
2015-08-04 15:48:00 +08:00
<button className="ant-btn ant-btn-primary" onClick={openNotification}>打开通知提醒框</button>
2015-07-30 21:04:52 +08:00
, document.getElementById('components-notification-demo-with-btn-onclose'));
2015-07-31 18:13:32 +08:00
````