div显示隐藏问题

hua_love2011

想实现数据加载出来之后再隐藏加载图片的div， 按照以下写法数据未加载出来前，加载图片就被隐藏了，我调试是能显示的，一旦执行到mainDataRefresh函数就隐藏了；以下是部分代码
       // 查询按钮事件处理
        Model.prototype.selectBtnClick = function(event) {
                var tjData = this.comp("tjData");
                begDate = tjData.getValue("begDate"); // 开始日期
                endDate = tjData.getValue("endDate"); // 结束日期

                if (isEmpty(begDate) || isEmpty(endDate)) {
                        justep.Util.hint("抱歉，开始日期或结束日期不能为空！", {
                                type : 'danger'
                        });
                } else if (begDate > endDate) {
                        justep.Util.hint("抱歉，开始日期不能大于结束日期！", {
                                type : 'danger'
                        });
                } else {
                        $(this.getElementByXid("loadingDiv")).css("display", "block");//显示加载图片
               
                        this.mainDataRefresh(event);

                        justep.Util.hint("查询完毕！", {
                                type : 'success'
                        });
                }
        };

// 列表页中的数据集接管刷新事件处理
        Model.prototype.mainDataRefresh = function(event) {
                var mainData = this.comp("mainData");

                var param = new biz.Request.ActionParam()
                param.setString("gcbm", gcbm);//全局变量
                param.setString("begDate", begDate);//全局变量
                param.setString("endDate", endDate);//全局变量

                biz.Request.sendBizRequest({
                        action : "queryAllWorkOrderAction",
                        context : this.getContext(),
                        dataType : "json",
                        parameters : param,
                        callback : function(result) {
                                if (result.state) {
                                        mainData.loadData(result.response, false);// 把返回的数据给data
                                } else {
                                        throw new Error("调用失败！|" + result.response.message);
                                }
                        }
                });
                mainData.refreshData();
                $(this.getElementByXid("loadingDiv")).css("display", "none"); // 隐藏加载图片
        };

jishuang

把隐藏的设置放到data的刷新后事件中去处理看看

hua_love2011

jishuang 发表于 2019-2-18 15:32
把隐藏的设置放到data的刷新后事件中去处理看看

试过了，不管用

jishuang

放到setTimeout中看看

hua_love2011

jishuang 发表于 2019-2-18 15:54
放到setTimeout中看看

嗯，解决了，谢谢！隐藏放在调用action的函数中也可以，放到data的刷新后事件中也行
$(this.getElementByXid("loadingDiv")).css("display", "block");

// 需添加延迟才会显示加载图片，否则不起作用
var me = this;
setTimeout(function() {
        me.mainDataRefresh(event);
}, 1);