Heim >Web-Frontend >js-Tutorial >So aktualisieren Sie mit easyui die Daten der angegebenen Registerkarte
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!