加载Ember.js后调用函数

Question

我需要将所有框设置在相同的高度上。我已经做到了，但我对高图有问题。它是在我的函数之后加载的，当它全部加载到框中时，我只有一个半图表。

如何在加载高图表后调用函数？

import Ember from 'ember';
export default Ember.Component.extend({
    /**
     * Equal heights of each box wrapper
     */
    sameHeight: Ember.run.schedule('afterRender', function () {
        let boxes = document.getElementsByClassName("box");
        var tallest = 0;
        // Loop over matching and finding tallest
        for (let i = 0; i < boxes.length; i++) {
            let elementHeight = boxes[i].offsetHeight; //Get the height and width of a element, including padding and border
            if (elementHeight > tallest) {
                tallest = elementHeight;
            }
        }
        //add same height to all
        var findClass = document.getElementsByClassName('box');
        for (let i = 0; i < findClass.length; i++) {
            findClass[i].style.height = tallest + "px";
        }
    })
});

这是Ember组件中的一个函数。

Answer 1

import Ember from 'ember';
export default Ember.Component.extend({
    sameHeight: Ember.run.next('afterRender', function () {
        let boxes = document.getElementsByClassName("box");
        var tallest = 0;
        // Loop over matching and finding tallest
        for (let i = 0; i < boxes.length; i++) {
            let elementHeight = boxes[i].offsetHeight; //Get the height and width of a element, including padding and border
            if (elementHeight > tallest) {
                tallest = elementHeight;
            }
        }
        //add same height to all
        var findClass = document.getElementsByClassName('box');
        for (let i = 0; i < findClass.length; i++) {
            findClass[i].style.height = tallest + "px";
        }
    })
});