保存或提交时不刷新页面

1.样例说明

Web平台中保存或提交后,缺省的请求时是再发一次请求,再次刷新界面。这样的效果是保存或提交后,页面有闪烁现象,同时刷新界面意味着要完整的重新加载一次界面。此处有个隐藏的功能在这里提供:可以直接加载数据,而不会刷新界面。在当前页面的js文件中,调用一个方法:setOnlyModelLoad(true); 这样就可以了,保存或提交后,直接申请新数据,直接加载新数据,当前页面时没有闪烁的,性能也会好一些。

2.样例配置

配置不刷新页面如下图所示:
表格冻结

配置刷新页面如下图所示:
表格冻结

3.关键代码

3.1前台js事件:

    setNoReloadHandler:function(e){
        //设置显示隐藏按钮
        waf("#btn0").wafLinkButton("option",{hidden:true});
        waf("#btn1").wafLinkButton("option",{hidden:false});
    //设置不刷新页面
        _self.setOnlyModelLoad(true);
    }
    ,
    recoverReloadHandler:function(e){
    //设置显示隐藏按钮
        waf("#btn0").wafLinkButton("option",{hidden:false});
        waf("#btn1").wafLinkButton("option",{hidden:true});
    //设置刷新页面
        _self.setOnlyModelLoad(false);
    }

4.样例演示

1.配置页面

2.预览页面

相关样例