Heim >Web-Frontend >js-Tutorial >So aktualisieren Sie mit easyui die Daten der angegebenen Registerkarte

So aktualisieren Sie mit easyui die Daten der angegebenen Registerkarte

一个新手
一个新手Original
2017-09-08 13:44:293514Durchsuche

Verwenden Sie die Tab-Verwaltung in „Startseite/Index“ und legen Sie eine Aktualisierungsmethode auf der Startseite fest.

/**
 * 刷新指定的tab里面的数据
 * @param title 选项卡标题
 * @param refreshTabFunc  自定义的刷新方法(再各个页面具体实现)
 */
function refreshTabData(title,refreshGridFunc)
{
    if ($("#tabs" ).tabs('exists', title)) {
        $('#tabs').tabs('select' , title);
        typeof refreshGridFunc === 'function' && refreshGridFunc.call();
    }
}

Passen Sie Ihre eigene Aktualisierungsmethode für die zu aktualisierende Seite an, aktualisieren Sie die Daten usw.

Ich definiere sie in der Aufgabenschnittstelle Task/Index.js:

window.top["reload_taskTab"] = function () {
    datagrid.reload("#task_tab");
};

Die Methode wird im Attribut window.top gespeichert. Der Name der Methode lautet reload_taskTab. Der spezifische Implementierungscode ist darin geschrieben.

Ich habe die Aufgabeninformationen in Task/Edit.js aktualisiert, dann muss ich die Datagrid-Tabellendaten auf der Registerkartenseite der Aufgabenliste aktualisieren.

Nachdem die Bearbeitung abgeschlossen ist, schreiben Sie einfach:

window.parent.refreshTabData("任务列表",window.top.reload_taskTab);

Das obige ist der detaillierte Inhalt vonSo aktualisieren Sie mit easyui die Daten der angegebenen Registerkarte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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