Rumah > hujung hadapan web > tutorial js > 如何用easyui刷新指定tab页的数据

如何用easyui刷新指定tab页的数据

一个新手
Lepaskan: 2017-09-08 13:44:29
asal
3513 orang telah melayarinya

主页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();
    }
}
Salin selepas log masuk

再要被刷新的页面自定义自己的刷新方法,刷新那些数据等.

我在任务界面Task/Index.js中定义:

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

方法存储在window.top属性里面去,方法的名字叫reload_taskTab.实现具体代码写在里面。

我在Task/Edit.js里面更新了任务信息,那么就得刷新任务列表tab页里面的datagrid表格数据。

那么编辑完成后就直接写:

window.parent.refreshTabData("任务列表",window.top.reload_taskTab);
Salin selepas log masuk

Atas ialah kandungan terperinci 如何用easyui刷新指定tab页的数据. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan