提交 d098c099 编写于 作者: 偏右

Merge pull request #148 from zhujun24/notification

remove btnClose and demo
# 自定义关闭按钮同时触发回调函数
- order: 5
关闭自定义的关闭按钮时触发回调函数,同时还可以在默认关闭按钮上添加另一个回调函数。
---
````jsx
var notification = require('antd/lib/notification');
var onClose = function() {
// 默认按钮关闭时的业务处理
console.log("我被默认的关闭按钮关闭了!");
};
var openNotification = function() {
var key='open'+Date.now();
var btnClick = function() {
// 自定义按钮关闭时的业务处理
console.log("我被自定义的关闭按钮关闭了!");
// 隐藏提醒框
notification.close(key);
};
var btn = <button className="ant-btn ant-btn-primary ant-btn-sm"
onClick={btnClick}
>自定义关闭按钮并触发回调函数</button>;
notification.open({
message: "这是标题",
description: "这是提示框的文案这是提示框示框的文案这是提示是提示框的文案这是提示框的文案",
btn: btn,
key:key,
onClose: onClose
});
};
React.render(
<button className="ant-btn ant-btn-primary" onClick={openNotification}>打开通知提醒框</button>
, document.getElementById('components-notification-demo-with-btn-onclose'));
````
# 自定义关闭按钮
# 自定义
- order: 4
......@@ -9,7 +9,6 @@
````jsx
var notification = require('antd/lib/notification');
var close = function(){
console.log('我被默认的关闭按钮关闭了!');
}
......@@ -20,15 +19,14 @@ var openNotification = function() {
// 隐藏提醒框
notification.close(key);
};
var btn = <button className="ant-btn ant-btn-primary ant-btn-sm"
onClick={btnClick}
>自定义关闭按钮并触发回调函数</button>;
var btn = <button className="ant-btn ant-btn-primary ant-btn-sm" onClick={btnClick}>
自定义关闭按钮并触发回调函数
</button>;
notification.open({
message: "这是标题",
description: "这是提示框的文案这是提示框示框的文案这是提示是提示框的文案这是提示框的文案",
btn: btn,
key: key,
btnClose: btnClick,
onClose: close
});
};
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册