layer常用提示框用法

爱被打了一巴掌 2022-05-24 02:41 481阅读 0赞

一 layer的普通提示框

代码：

layer.alert('次案件已回库，请选择其他案件', \{

icon: 5,

title: "提示"

\});

title属性不设置时默认为“信息”。如下

二 layer 带输入框的提示框

注意！必须引入layer.js   如果不行再引入他的延伸js layer.ext.js 或者layer3.0.1版本的layer.js

代码:

layer.prompt(\{

formType: 2,

value: '驳回！',

title: '请输入驳回理由'

\}, function(value, index, elem)\{

layer.close(index);

//layer.alert(value);

$.ajax(\{

type: "post",

url: "/visit/updateVisitApply",

data: \{

"id": id,

"status": "3",

"reason":value

\},

async: true,

\});

layer.alert('驳回成功');

location=location;

\});

value:输入框的默认值

title:提示框的标题

layer.close(index);  点击确定后关闭提示框。

三 layer 的判断提示框

效果：

![20180518164007227][]

代码：

layer.confirm('您确定要删除这条数据吗？', \{

btn: \['确定','取消'\] //按钮

\}, function()

layer.closeAll('dialog');

$.ajax(\{

type: "post",

url: "$\{pageContext.request.contextPath\}/cuishou/delete",

data: \{

"id": id

\},

success : function(data)\{

\});

layer.closeAll('dialog');  点击确定关闭提示框

四 layer的iframe弹框

效果：在页面中弹出一个子页面。调用别的jsp

![2018051816402737][]

代码：

首先先定义

//定义全局变量

var myLayer = \{

index : 0,

close : function() \{

layer.close(this.index);

location.reload();

\},

parentCaseIds : function() \{

var array = new Array();

var checks = $("table tr td input\[type='checkbox'\]:checked");

$.each(checks, function() \{

var dataId = $(this).parent().parent().attr("data-id");

if (dataId)

array.push(dataId);

\});

return array;

\};

$("\#roleSelect").on("click",function()\{

var userId = $("input\[type='radio'\]:checked").val();

if(typeof(userId)=='undefined')\{

layer.alert('请选择员工', \{

icon: 5

\});

return;

\}else\{

//弹出框分配角色界面

myLayer.index=layer.open(\{

type: 2,

title: "角色分配",

area: \['400px','300px'\],

content:'$\{pageContext.request.contextPath \}/cuishou/roleList?emplist=$\{emplist\}&userId='+userId+''

\});

获取父页面table选中行的参数

js代码：

//获取被选中的tr

var id=$('.selected', window.parent.document).find(".needid").attr('data-id');//获取父页面单选选中的自定义id值

var visitid=$('.selected', window.parent.document).find(".visitid").html();//获取父页面单选选中的行的td根据td的class获取td内容

var empId = $("input\[type='radio'\]:checked").val();//获取本页面单选框的值

var appointName=$("input\[type='radio'\]:checked").parents("tr").find(".appointName").html();//获取本页面单选选中的行根据td的class获取td内容

[20180518164007227]: /images/20220524/9035df9b1648490d83d81866ea486151.png
[2018051816402737]: /images/20220524/824aa777af2743f4abb97596783a4461.png

layer常用提示框用法

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Layui的layer.confirm弹框用法，很详细

相关 uniapp常用提示框uni.showToast(OBJECT)

相关 Layer插件的常用提示框，如何使用Layer

相关 java 提示框判断,Java常用提示框

相关 uniapp常用提示框

相关 UniAPP常用提示框，非弹出框

相关 easyUI之Messager提示框的用法

相关 layer常用提示框用法

相关 layer常用功能代码

相关 layer常用提示框用法