easyui刷新指定tab頁裏面的數據

主頁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);



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章