一、写组件 <template> <!--这里modal 如果有fade 类,则关闭时需要有等待时间,否则不能关闭透明层,需要使用setTimeout(that.closeMask,500) 等500毫秒才能正常关闭--> <div id="mask" class='modal' role="dia ...
分类:
Web程序 时间:
2020-02-22 00:07:16
阅读次数:
121
具体流程:点击编辑按钮,弹出编辑模态框,同时会发送ajax请求获取员工和部门信息并显示在相关位置。在模态框中修改相关信息,发送ajax请求进行保存。 获取部门信息之前已经有了,现在是获取员工信息。 EmployeeController.java //查询员工信息 @ResponseBody @Req ...
分类:
其他好文 时间:
2020-01-29 16:13:33
阅读次数:
133
接上一节。 具体流程:我们在index.jsp在中,点击新增按钮,弹出添加员工信息模态框,同时,我们发送ajax请求从数据库中获取部门信息,新增时可以选择部门。输入完毕信息后,在发送请求完成保存操作。 首先是添加了模态框和add.js之后的index.jsp <%@ page language="j ...
分类:
其他好文 时间:
2020-01-28 15:42:50
阅读次数:
84
图书列表 出版社列表 作者列表 × 图书列表 {% for book in book_list %} {{ book.title }} {% endfor %} 关闭 × 出版社列表 {% for publish in publish_list %} {{ publish.name }} {% en ...
分类:
其他好文 时间:
2020-01-23 00:06:15
阅读次数:
86
已安装完的请忽略 (此步骤参照 https://ng.ant.design/docs/getting-started/zh) 1、安装组件 $ npm install ng-zorro-antd --save 2. 导入模块 import { NzModalModule } from 'ng-zor ...
分类:
其他好文 时间:
2020-01-22 18:12:46
阅读次数:
267
弹出框,我们也称为模态框。 ? 1.点击弹出层,会弹出模态框, 并且显示灰色半透明的遮挡层。 ? 2.点击关闭按钮,可以关闭模态框,并且同时关闭灰色半透明遮挡层。 ? 3.鼠标放到模态框最上面一行,可以按住鼠标拖拽模态框在页面中移动。 ? 4.鼠标松开,可以停止拖动模态框移动 1.1.5 模态框拖拽 ...
分类:
其他好文 时间:
2020-01-12 22:01:47
阅读次数:
106
高德地图功能是相当的强大的,最近在使用的时候发现了一个问题。 我们在使用点标记的时候,有一个需求就是把画到地图中的点标记在一个模态框中展示,当你点击展示的那个标记时,地图中对应的点标记会出现相应的动画效果,与其他点标记区分开。 首先想到的是直接获取地图中点标记的类名,然后点击的时候对类名进行操作。 ...
分类:
其他好文 时间:
2020-01-09 10:29:10
阅读次数:
807
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 div { 8 width: 400px; 9 height: 400px; 10 ...
分类:
其他好文 时间:
2019-12-20 15:11:05
阅读次数:
108
一、项目目录如下: 二、向model组封装一个模态框:Modal.vue <template> <div> <!-- 定义全局模态框 --> <div class="md-modal modal-msg md-modal-transition md-show" v-bind:class="{'md- ...
分类:
其他好文 时间:
2019-12-15 01:06:09
阅读次数:
107