企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 消息框 ## 目录 [TOC] ## 提示消息 ### 参数说明 ``` hdjs.message(content,redirect,type,timeout,option) ``` | content | redirect | type | timeout | option | | --- | --- | --- | --- | --- | | 信息内容 | 跳转地址有三种方式 1:back(返回上一页) 2:refresh(刷新当前页) 3:具体Url | 信息类型 success(成功),error(失败),warning(警告),info(提示) | 关闭时间单位秒 | 组件内部使用modal模态框,所以第四个参数即为模态框设置的参数,请参考模态框章节 | ### 基本使用 ![](https://box.kancloud.cn/ebb5d0c2025edfc365ad120414dbb4cb_631x266.png) ``` <script> require(['hdjs','bootstra'], function (hdjs) { hdjs.message('基本使用','','success'); }) </script> ``` ### 弹出框宽度100% 因为message方法内部使用modal模态框,所以第四个参数即为模态框设置的参数 ``` <script> require(['hdjs','bootstra'], function (hdjs) { hdjs.message('弹出框宽度100%', '', 'success', 2, {width: '80%'}); }) </script> ``` ### 使用modal模态框事件处理 ``` <script> require(['hdjs','bootstra'], function (hdjs) { hdjs.message('使用modal模态框事件处理', '', 'success', 2, { events: { 'hidden.bs.modal': function () { alert('模态框消失时,我来了'); } } }); }) </script> ``` > hdjs.message内部使用modal 模态框组件,所以第四个参数可以用于设置 modal模态框选项, 具体请参考模态框章节 ## 确认消息 ![](https://box.kancloud.cn/336e79c0150eee75bfbcd90e33cd60fe_625x260.png) ``` <script> require(['hdjs','bootstra'], function (hdjs) { hdjs.confirm('确定删除吗?', function () { alert('点击确定后执行的回调函数'); }) }) </script> ```