javascript - ExtJS Grid 的渲染器函数中的回调

Question

我有一个渲染器函数，它必须从商店加载一些数据才能返回一个值，但我无法弄清楚如何将我想要的内容返回到网格列。

{header: 'Manager First Name', 
renderer: function(value, meta, record){
    record.Managers().load({
        scope: this,
        callback: function(managers, operation, success){
            if(success && managers){
               managers[0].getPerson({
                    scope: this,
                    callback: function(person, operation){
                        if(person){
                            return person.get("firstName");
                        } else {
                            console.error('This manager doesn\'t have a person record.');
                            return '';
                        }
                    }
                });
            } else {
                console.error('No manager record for the shop '+record.getId());
            }
        }
    });
}}

我试过把和函数放在return前面没有用。我也想过触发一个事件，但我不确定那会是什么样子。有任何想法吗？loadgetPerson

Answer 1

我会在渲染主网格之前加载您的附加信息。这样，在 renderer() 函数中，您将使用已加载的数据。

否则你的渲染器函数会被调用很多次，你会在异步加载你的商店时遇到一些大麻烦。