Rendering hierarchy out of place, toggleProperty toggles all items in array when called on itemController.

[philn5d]

2 issues:

1. Updated to latest, now the plus (toggleProperty action) causes each item in the array to toggle.
2. Nested components/views rendering out of place when clicking from ma1 to ma2 (or similar). Reloading the page causes proper rendering.

http://jsbin.com/wijigo/1/edit

[philn5d]

Turns out that the action 'toggleProperty' is being called on the ClientsController since it's in the clients template. If I could delegate that to the appropriate itemController that would resolve that issue.

[philn5d]

resolved my own issue 1 by defining the itemController in the view and using client.isExpanded:

{{#each client in controller itemController="client"}}
<li >
    <span {{action 'toggleProperty' 'isExpanded'}} style="cursor:pointer;">[{{#if client.isExpanded}}-{{else}}+{{/if}}]
        {{#link-to "client" client}}{{client.name}}{{/link-to}}
    </span>
    {{#if client.isExpanded}}
        {{left-nav links=client.matters routeName="matter"}}
    {{/if}}
</li>
{{/each}}

[stefanpenner]

calling methods via actions is actually deprecate. Please define the action on your controller, and then your controller action can invoke toggleProperties appropriately

[philn5d]

Done thanks. I'm still invoking the action via action and calling toggleProperty action on the itemController, which I had to define in the action helper in order for it to expand only the client that was clicked on. The bigger issue is that when you run the bin, click "clients", click client "man", click "ma1" (output renders as expected), then click "ma2" (the hierarchy is jumbled for the teams).

http://jsbin.com/wijigo/1/edit

[wagenet]

@stefanpenner can you verify if this is a bug?

[stefanpenner]

itemController and arrayControllers are deprecated