Cambiar el valor de los rasgos en función de los anteriores.

Hola

Estoy usando dos menús desplegables en rasgos. En el valor seleccionado del primer desplegable voy a llamar a una API y colocar los datos en otro desplegable. Tengo datos en consola pero no se cargan en la página. Tengo que actualizar la página para ver los cambios. ¿Qué debería hacer para que la página cambie inmediatamente?

Aquí está mi código:
' comps.addType('ReUseComponent', {
        Defina el modelo
        model: defaultModel.extend({

init() {
                this.listenTo(this, 'change:selectPartial', this.doStuff);
                this.listenTo(this, 'change:selectID', this.doStuff_second);
            },

doStuff() {
            this.get('traits').each(function(trait) {
                traits_arr.push(trait.get('value'))

});
            
ARR contiene el valor de mis primeros desplegables

var categsTrait = this.get('traits').where({name: 'selectID'})[0];
  			categsTrait.set('options', partials_arr)
  			editor.trigger('change:ReUseComponent');

},

doStuff_second() {
            	Tengo mis datos aquí
            },

Extender propiedades predeterminadas
            defaults: Object.assign({}, defaultModel.prototype.defaults, {
                Editable: Cierto,
                Droppable: Cierto,
                Rasgos: [
                
{
                        etiqueta: 'NombreDeParcial',
                        nombre: 'selectPartial',
                        tipo: 'select',
                        cambioProp: 1,
                        Opciones: ARR
                    },
                    {
                        etiqueta: 'PartialID',
                        nombre: 'selectID',
                        tipo: 'select',
                        cambioProp: 1,
                        Opciones: ''
                    }
                ],
            }),

}, {
            isComponent: function(el) {
                if (el.tagName == 'REUSECOMPONENT') {
                    return {
                        tipo: 'ReUseComponent'
                    };
                }
            },
        }),

vista: defaultType.view,

El render() debería devolver 'esto'
        render: function() {
            Extiende el método de renderizado original
            defaultType.view.prototype.render.apply(esto, argumentos);
            this.el.placeholder = 'Texto aquí'; <- No afecta al código HTML final
            devuelvo esto;
        },
    });`

También adjunté ScreenShot.

! [imagen 2](https://user-images.githubusercontent.com/28950214/31339389-57d4138c-ad20-11e7-8a32-1108a06ab8c1.jpg)

También lo intenté, pero no soluciona mi problema.

'doStuff(){
  ...
  editor.trigger('change:selectedComponent');
}
`