1. 程式人生 > >layer常用提示框用法

layer常用提示框用法

一 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 的判斷提示框

效果:


程式碼:

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


程式碼:

首先先定義

//定義全域性變數
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內容

自己總結,謝謝觀看

相關推薦

layer常用提示用法

一 layer的普通提示框 效果: 程式碼: layer.alert('次案件已回庫,請選擇其他案件', {icon: 5,title: "提示"}); title屬性不設定時預設為“資訊”。如下 二 layer 帶輸入框的提示框 效果:

layui.layer 常用提示用法 彈出層

一 layer的普通提示框 效果: 程式碼: layer.alert('次案件已回庫,請選擇其他案件', { icon: 5, title: "提示" }); title屬性不設定時預設為“資訊”。如下 二 layer 帶輸入框的提示框 效

layer常用提示

文章轉自https://blog.csdn.net/alice_qixin/article/details/70210420,感謝作者。   一 layer的普通提示框 效果:     程式碼: layer.alert('次案件已回庫,

關於layer提示,彈出一閃而過的問題

在頁面中,layer的彈出框,不管是layer.alert,還是layer.msg等等,都會出現一閃而過的問題,研究發現,總結如下           原因一:                 在頁面中使用了form表單,把button按鈕放在了form中,在這種情況下,

收集bootstrap的幾個常用用法---tooltip提示

看到的原網址:http://www.cnblogs.com/dk1988/p/3670561.html 詳細的bootstrap網址可以去這看:  http://www.runoob.com/bootstrap/bootstrap-tutorial.html boots

JOptionPane類提示常用方法總結

border input bfc 返回 dia conf cin chm 執行 JOptionPane類封裝了很多的方法,總結如下: 1、showMessageDialog 顯示一個帶有OK 按鈕的模態對話框。 下面是幾個使用showMessageDialog 的例子:

常用宏定義 - 設置加載提示

bject 三方 def tst rom obj uiscreen ted avi 1、第三方框架:Toast /** 第三方框架:Toast */ #define kToast(str) CSToastStyle *style = [[CSTo

layer常用用法

官方文件:https://www.layui.com/doc/modules/layer.html#type 引用     <link href="~/Content/Layer/layer/skin/layer.css" rel="stylesheet" />

android中常用的彈出提示

首先是一個最簡單的應用,就是彈出一個訊息框,在android中可以這樣實現 view plain copy to clipboard print ? 1 new AlertDialog.Builder

jQuery EasyUI 提示(Messager)用法

                jQuery EasyUI 提示框(Messager)不僅強大,而且也不用任何的HTML程式碼,只需要按照《jQuery EasyUI框架使用文件》包含必要檔案後,在$(function(){ }); 裡插入下面的程式碼即可:$.messager.show()Messager需

swift3.0提示用法

var alert: UIAlertController!             alert = UIAlertController(title: "提示", message: "新增照片",

微信開發常用技巧(2)-ios微信開發alert上面顯示地址問題,以及移動端提示推薦

ios微信開發alert上面顯示地址問題 做微信開發的朋友可能會遇到: 安卓微信的alert(),沒有問題,ios微信的alert(),會tm很尷尬的出現你的document.domain地址 解:過濾程式碼如下 window.alert = function(name)

三種layer提示

// top.layer.msg('請您先選擇物業',{// icon: 2,// time: 2500,// area: ['100px', '70px'],// });layer.alert('請您先選擇物業',

jBox提示基本用法

$.jBox.tip(json.error.message, 'error');$.jBox.tip(json.error.message, 'success');var submit = function (v, h, f) { if (v == 'ok'){ $.jBox.tip(“ok”, 'inf

警告提示(UIAlertController)的用法

import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() }

C# 中的MessageBox 彈出提示(訊息)的用法

剛好用到MessageBox  ,所以就在網上查著學習了一下。 MessageBox.Show(<字串> Text, <字串> Title, <整型> nType,MessageBoxIcon); 它的格式就是上面這個, 第一個引數是

常用控制元件(一):PopWindow ,提示,陰影線

彈出popwindow private void initListView() { listView = new ListView(this); listView.setBackgroundResource(R.drawable.listview_backgro

安卓彈出,點選確定,取消的操作提示用法

new AlertDialog.Builder(this) .setTitle(R.string.device_sport_camera_record_success)//這裡是表頭的內

webstorm 打開後 一直停留在scanning files to index....,或跳出內存不夠的提示

tez jsb code ont 點擊 pst == sta fcm 用著有時會這樣,超級卡, 網上搜了下,原來如此,記錄下,免得忘了。 ------------------------- 說明: 在npm install 後,會出現Scanning files to in

替代alert的消息提示

模式 back -h div osi lose body 由於 conf   alert提示框由於外觀不太友好,所以一般都不用alert了。   我在這裏使用bootstrap的樣式,寫了一個可以單獨顯示消息,也可以確認取消的提示框。   使用的外觀如下:   一:單獨顯示