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的樣式,寫了一個可以單獨顯示消息,也可以確認取消的提示框。 使用的外觀如下: 一:單獨顯示