Heim > Web-Frontend > Layui-Tutorial > So verwenden Sie das Laui-Popup-Fenster

So verwenden Sie das Laui-Popup-Fenster

angryTom
Freigeben: 2019-07-29 10:51:43
Original
5403 Leute haben es durchsucht

So verwenden Sie das Laui-Popup-Fenster

Wenn Sie mehr über Laui erfahren möchten, klicken Sie auf: Laui-Tutorial

Es gibt drei Arten von Laui-Popup-Fenstern, nämlich: 1. Bestätigungsfenster; 2. Popup-Fenster vom Typ „Öffnen“; Lassen Sie mich Ihnen nacheinander die Verwendung dieser Popup-Fenster vorstellen.

1: So verwenden Sie den Bestätigungstyp

layui.use('layer', function(){
layer.confirm('是否立即上传卷宗信息?', {
    btn: ['是','否'],
    time: 200000, //20s后自动关闭
    },function(index){
        alert("这是点击确定按钮走的回调")
    layer.close(index);
  },function(){
     alert("这是点击取消按钮走的回调")
  });
})
Nach dem Login kopieren

2: Öffnen Sie das Typ-Popup-Feld, den Inhaltsparameter kann eine Option sein. Das Gerät kann auch ein Pfad sein

layer.open({
type : 1,
title : "借阅时间",
area : [ '450px', '300px' ],
content : $("#borrowCase"),
btn: ['确定', '取消'],
yes: function(index){
  alert("这是点击确定按钮走的回调")
},
btn2: function(){
   alert("这是点击取消按钮走的回调")
},
end:function(){
alert('这是点击任一按钮都会走的回调')
}
});
layui.use('layer',function(){
var layer=layui.layer;
layer.open({
type:2,
title:'新增字段信息',
area:['450px','300px'],
content: "dictionary/addFiled?dictionaryId="+dictionaryId//字段类型
})
})
Nach dem Login kopieren

3: Nachrichtentyp

layer.msg('添加借阅成功', {
    time: 1500, //1500ms后自动关闭
  });
Nach dem Login kopieren

4: Schließen Sie das Popup-Fenster

layer_close(index)关闭当前弹窗
parent.layer.closeAll()关闭所有的弹窗
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Laui-Popup-Fenster. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage