bootstrap 样式下 Se7en 模板使用（1）操作提示信息框

代码中引用 js

实际项目中代码例子：

 //删除function delRow(id){swal({title: "您确定要删除吗？",text: "您确定要删除这条数据？",type: "warning",showCancelButton: true,closeOnConfirm: false,animation: "slide-from-top",cancelButtonText: "取消",confirmButtonText: "是的，我要删除",confirmButtonColor: "#ec6c62"}, function() {ajax.callhz("${pageContext.request.contextPath}/user/del",{Id:  id},function(datas, status){if(datas.errorCode ==0){//成功if(datas.data.length >0){var count = datas.data[0].count;// swal("操作成功!", "已成功删除："+count+"条数据！", "success");swal({title: "操作成功!",text: "已成功删除："+count+"条数据！",animation: "slide-from-top",type: "success", html: true,timer: 3000});  }}else{swal("warning", "删除操作失败了!", "error");}},function( textStatus, errorThrown){});   });}

swal API 方法

参数	描述	默认值
title	提示框标题	-
text	提示内容	-
type	提示类型，有：success（成功），error（错误），warning（警告），input（输入）。	-
showCancelButton	是否显示“取消”按钮。设置中文名字：cancelButtonText: "取消",	-
animation	提示框弹出时的动画效果，如slide-from-top（从顶部滑下）等	-
html	是否支持html内容。	-
timer	设置自动关闭提示框时间（毫秒）。	-
showConfirmButton	是否显示确定按钮。	-
confirmButtonText	定义确定按钮文本内容。	-
imageUrl	定义弹出框中的图片地址。

有需要留言沟通

bootstrap 样式下 Se7en 模板使用（1）操作提示信息框相关推荐

【Django】开发日报_6_Day：手机号码管理系统-项目整合创建Bootstrap样式父类
1.新建项目&整合目录 1.新建项目&整合 (1)删除templates目录 (2)修改setting.py模板路径 (3)下载第三方库`pip install mysqlclien ...
bootstrap样式异常_处理异常功能样式
bootstrap样式异常 Java从一开始就支持检查异常. 在Java 8中,语言元素lambda和支持流操作的RT库修改将功能编程风格引入了该语言. 函数样式和异常并不是真正的好朋友. 在本文中, ...
Yii2框架bootstrap样式理解
Yii2框架默认采用了bootstrap作为CSS风格,各种视图类组件都如此.之前一直采用默认风格,并在必要的时候添加或者修改一下class来达到目的.但在改版Yii1.1的orange项目时,发现之 ...
再来 20 个免费的 Bootstrap 的后台管理模板
http://www.oschina.net/news/52033/free-bootstrap-admin-templates 6月14日上海 OSC 源创会开始报名,送机械键盘和开源无码内裤之前 ...
is属性用法 vue_vue组件讲解(is属性的用法)模板标签替换操作
vue中is的属性引入是为了解决dom结构中对放入html的元素有限制的问题,譬如ul里面要接上li的标签,引入is的属性后,你完全可以写成这样这样会保证dom结构在浏览器的正常渲染,尽量避免在不正 ...
bootstrap悬停下拉导航的实现
为了减轻用户操作行为,提升用户体验,往往会将点击下拉导航改为悬停下拉的效果. 本文就讲述一下,bootstrap悬停下拉导航的实现先不说那么详细,围观先: 1. css代码设置如下: /*悬停下拉导 ...
bootstrap手机网站H5模板固定底部顶部导航DEMO下载
bootstrap手机网站H5模板固定底部顶部导航DEMO下载 <!DOCTYPE html> <html lang="zh-CN"><head> ...
WEB前端网页设计-Bootstrap 按钮下拉菜单
目录 Bootstrap 按钮下拉菜单分割的按钮下拉菜单按钮下拉菜单的大小按钮上拉菜单 Bootstrap 按钮下拉菜单本章将讲解如何使用 Bootstrap class 向按钮添加下拉菜单. ...
Visual Studio Code开发HTML5安装插件快捷使用Bootstrap样式
Visual Studio Code开发HTML5安装插件快捷使用Bootstrap样式一.引入bootstrap.css 下载bootstrap,地址:Bootstrap中文网点击Bootstr ...

bootstrap 样式下 Se7en 模板使用（1）操作提示信息框

bootstrap 样式下 Se7en 模板使用（1）操作提示信息框相关推荐

最新文章

热门文章