Ember re render component

Mario Gomez Published at Dev

Mario Gomez

I have a component with a jquery menu that transforms the DOM. I need to re render the component for initiate the structure again. The jquery menu doesn't work dinamically, so I need to re render the component.

//Parent Component hbs
<div id="container">
    {{menu-jquery model=model}}
</div>

//Parent Component js
export default Ember.Component.extend({

   refreshMenuData(){
      callToServer()// ajax call
      updateModel()// generate model from ajax response

      -> //how to delete and create menu component? or re render menu component?
   }
}

Thanks

Mario Gomez

I found a workaround putting the component inside a conditional block. I set loading in false before the server call and true after data parsing.

{{#if loading}}
  // show loading message
{{else}}
  {{menu-jquery model=model}}
{{/if}}

This force the menu component to re render.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-02-23

Comments

0 comments

From Dev

Re-render view with component after destroy in Ember.js

From Dev

Re-render view with component after destroy in Ember.js

From Dev

Re render a component with updated changes

From Dev

How to render Ember component on same line

From Dev

Ember re-render when not in DOM

From Dev

Re-render wicket component from backend

From Java

How to force Blazor to re-render a component

From Dev

Re-render wicket component from backend

From Dev

React/Redux component does not re-render

From Dev

Render view component with parameters into named outlet ember.js

From Dev

Ember.js - how to render default outlet in a component view

From Dev

React re-render component when another component is changed

From Dev

React Higher Order Component forces re-render of wrapped component

From Dev

On state change of one component re-render second component

From Dev

How to render the leaf component of tree component without re-render entire tree in ReactJS

From Java

How can I force component to re-render with hooks in React?

From Java

Re-render the component when the store state is changed

From Java

Re-render React component when prop changes

From Java

How to re-render a component on each of multiple state changes?

From Java

React component is scrolling back to top on re-render

From Java

React: setState doesn't re-render the component

From Java

Will a stateless component re-render if its props have not changed?

From Java

Vue.js infinite loop on component re-render

From Dev

How do I re-render a component manually?

From Dev

How to not re-render React component's specific DOM elements?

From Java

How does a redux connected component know when to re-render?

From Dev

React Rails component: manually triggering a re-render

From Dev

EmberJS, polling, update route's model, re-render component

From Dev

Forcing component re-render with setState not working as expected

Related Related

Article