热门关键字:
jquery > jquery教程 > jquery教程 > layui信息提示框

layui信息提示框

395
作者:管理员
发布时间:2021/6/17 18:10:33
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4958
  第一步:引用两个文件


  第二步:点击删除按钮弹出提示框


  $(".del")。click(function () {


  var id=$(this)。attr("id");


  layer.alert('您确定要删除操作吗?', {


  skin: 'layui-layer-molv' //样式类名 自定义样式


  , closeBtn: 1 // 是否显示关闭按钮


  , anim: 1 //动画类型


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


  , icon: 6 // icon


  , yes: function () {


  //layer.msg('确定')


  $.ajax({


  type: "POST",


  url: "@Url.Action("Delete", "UserInfo")",


  data: { id: id },


  success: function (Data) {


  if (Data=="ok") {


  location.reload();


  }


  else {


  layer.msg('删除失败')


  }


  },


  error: function () {


  alert("出现错误");


  return false;


  }


  }) //ajax结束


  }


  , btn2: function () {


  layer.msg('取消')


  }


  });


  })


  第三步:放一个添加按钮


  第四步:点击添加按钮弹出form表单填写信息function func7() {


  //页面层


  layer.open({


  type: 1,


  skin: 'layui-layer-rim', //加上边框


  area: ['350px', '360px'], //宽高


  content: "@Url.Action("AddUser", "UserInfo")"  //调到新增页面


  });


  }


  注意:content的值就是要展示的表单信息或某个页面url,如果要对某个值非空验证就加 lay-verify="required"属性。如果是手机号那 lay-verify="phone" ?,数字lay-verify="number" ?等。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐