首頁 > web前端 > js教程 > 如何用easyui刷新指定tab頁的數據

如何用easyui刷新指定tab頁的數據

一个新手
發布: 2017-09-08 13:44:29
原創
3513 人瀏覽過

首頁Home/Index中使用tab管理,在首頁設定一個刷新的方法。

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

再要被刷新的頁面自訂自己的刷新方法,刷新那些資料等.

我在任務介面Task/Index.js中定義:

window.top["reload_taskTab"] = function () {
    datagrid.reload("#task_tab");
};
登入後複製

方法儲存在window.top屬性裡面去,方法的名字叫reload_taskTab.實作具體程式碼寫在裡面。

我在Task/Edit.js裡面更新了任務訊息,那麼就得刷新任務列表tab頁裡面的datagrid表格資料。

那麼編輯完成後就直接寫:

window.parent.refreshTabData("任务列表",window.top.reload_taskTab);
登入後複製

以上是如何用easyui刷新指定tab頁的數據的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板