Heim > Web-Frontend > Layui-Tutorial > So aktualisieren Sie die aktuelle Seite in Laui

So aktualisieren Sie die aktuelle Seite in Laui

藏色散人
Freigeben: 2020-11-30 14:24:22
Original
19331 Leute haben es durchsucht

So aktualisieren Sie die aktuelle Seite in Laui: Öffnen Sie zuerst die entsprechende Codedatei und verwenden Sie dann „$.post(“${base}/order/SaveOrder“,data.field,function(res){...}. " Methode in Aktualisieren Sie einfach die aktuelle Seite, nachdem die Anfrage erfolgreich war.

So aktualisieren Sie die aktuelle Seite in Laui

Die Betriebsumgebung dieses Tutorials: Windows10-System, Laui2.5.6, dieser Artikel ist für alle Computermarken geeignet.

Empfohlen: " „layUI-Tutorial

LayUI-Seite Probleme beim Schließen und Aktualisieren

1. Aktualisieren Sie die übergeordnete Seite nach erfolgreicher Bearbeitung

$.ajax({
                type: "POST",
                        url: "${base}/pm/pmshiftEditList",
                        data: $("#form").serialize(),//将对象序列化成JSON字符串
                        success: function(res){
                    if (res.success) {
                        parent.layer.msg("操作成功!", {time: 1000}, function () {
                            //重新加载父页面
                            parent.location.reload();
                        });
                        return;
                    } else {
                        layer.msg(res.message,{time: 2000},function () {});
                    }
                },
                error: function(res){
                }
            });
Nach dem Login kopieren

2. Aktualisieren Sie die Datentabelle, nachdem die Anfrage erfolgreich war

 if(obj.event === "editDetails"){
                var editIndex = parent.layer.open({
                    title : "编辑工艺",
                    type : 2,
                    content : "${base}/pm/routingtmpl/editDetails?tmplId="+data.id,
                    area: ['100%', '100%'], //宽高
                    success : function(layero, addIndex){
                    },end: function () {
                        t.where = data.field;
                        table.reload('test', t);
                        return false;
                    }
                });
Nach dem Login kopieren

3. Schließen Sie die untergeordnete Seite und aktualisieren Sie die Datentabelle der übergeordneten Seite.

Rufen Sie die End-Callback-Methode des Layer-Plug-Ins auf:

end – der Callback, der nach der Zerstörung des Layers ausgelöst wird.

Typ: Funktion, Standard: null.

Ob es sich um eine Bestätigung oder einen Abbruch handelt Solange die Ebene zerstört ist, wird das Ende ohne Parameter ausgeführt.

Wenn das übergeordnete Fenster das Ebenen-Popup-Fenster öffnet, fügen Sie einen End-Rückruf hinzu.

addIndex = layer.open({
                    title : "编辑客户定单",
                    type : 2,
                    content : "${base}/order/projectEdit?projectId="+data.project_id,
                    success : function(layero, addIndex){
                        setTimeout(function(){
                            layer.tips('点击此处返回客户定单列表', '.layui-layer-setwin .layui-layer-close', {
                                tips: 3
                            });
                        },500);
                    }, end: function () {
                        var data1 = table.cache["test"];
                        t.where = data1.field;
                        //重新加载数据表格
                        table.reload('test',t);
                    }
                });
Nach dem Login kopieren

Vier: Aktualisieren Sie die aktuelle Seite, nachdem die Anfrage erfolgreich ist Fünftens: Schließen Sie die aktuelle Unterseite

Das obige ist der detaillierte Inhalt vonSo aktualisieren Sie die aktuelle Seite in Laui. 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