easyui刷新指定tab页里面的表数据

最新推荐文章于 2020-08-05 11:01:47 发布

原创最新推荐文章于 2020-08-05 11:01:47 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

本文介绍了一种在EasyUI框架下实现特定Tab页数据刷新的方法。通过定义一个全局的刷新函数，可以针对不同的Tab页面调用各自定制的刷新逻辑。这种方式便于维护，并能有效地更新各Tab页内的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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();
    }
}

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

我在列表界面list.jsp中定义：

window.top["reload_formList"] = function () {
    $("#formList").datagrid("reload");
};

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

我在Edit.jsp里面更新了信息，那么就得刷新列表tab页里面的datagrid表格数据。

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

window.parent.refreshTabData("检验单",window.top. reload_formList);