jquery $ .when.apply()。完成没有解雇

时间:2015-10-21 11:05:15

标签: javascript jquery promise

除了$.when.apply($, promises).done()函数之外,我还有以下代码可用(我有控制台日志记录显示正在处理的事情)。

我不明白为什么.done无效。

代码基本上做的是对于过滤器容器中的每个select,使用值填充select,这是一个索引db,它是自己的函数并返回一个promise。我可以看到一切正常,但最终的.done应该在所有内容都呈现时在屏幕上显示项目,但屏幕元素不显示,页面保持白色。

grid.genPage = function() {
        console.time('genPage');
        $(grid.settings.filterContainer).hide();
        var gridParent = grid.e.parent('div');
        gridParent.hide();
        var promises = [];
        return $.Deferred(function(){
            var self = this;
            if (!grid.settings.startGenPage.call(this, grid)){
                self.reject();
            }
            grid.dtOptions.oColVis.aiExclude = [0];
            grid.displayFields = [];
            $.when(
                grid.buildFilter(),
                grid.buildViews(),
                grid.generateDataTable(grid.showColumns),
                grid.buildManageButtons()
            ).then(function(){
                console.log('start populating filters');
                $.each(grid.config.configs[grid.settings.defaultView], function(i, v) {
                    var p = $.Deferred(function(){
                        var self = this;
                        var field = Object.keys(v); //get field Name
                        if ($.inArray(i, grid.configIgnorArray) > -1) {
                            console.log('ignore resolve');
                            self.resolve();
                        }
                        var c = v[field];
                        if (c.filters.fieldType === 'select') {
                            var el = $('select[name="' + grid.e.prop('id') + 'Filter_' + field + '"]');
                            var os = c.options.objectStore;
                            var idx = c.options.idx;
                            var s = c.options.lookup;
                            $.when(grid.checkCache(el, c.options.objectStore, c.options.idx, c.options.lookup))
                            .then(function(){
                                console.log('select resolve');
                                self.resolve();
                            });
                        }else {
                            console.log('other resolve');
                            self.resolve();
                        }
                    });
                    promises.push(p);
                });
            });
        }).then(function(){
            $.when.apply($, promises).then(function(){
                console.log('end populating filters');
                console.log('genpage finish');
                grid.settings.completeGenPage.call(this, grid);
                $(grid.settings.filterContainer).show();
                gridParent.show();
                console.timeEnd('genPage');
                self.resolve();
            });
        }).promise();
    };

在上面的代码中,console.log('end populating filters');永远不会出现在控制台中。我确定这是一个无法正确解决的问题,但我无法看到。

提前致谢

1 个答案:

答案 0 :(得分:4)

您需要解析第一个deferred对象才能触发then()成功回调:

self.resolve();