Kendo PanelBar with AngularJS ng-Repeat does not render correctly on modifying datasource

Question

I have problems with Kendo PanelBar in combination with ng-repeat and modifiying dynamically the datasource!

You can see a small demo here: http://trykendoui.telerik.com/@IT-SCHMITZ/OrEK/2

After clicking the button "Add new album" you can see, that there was added a new item to the panelbar. Unfornately it is not correctly rendered.

Regards, Daniel

mishoo · Accepted Answer · 2014-06-18 13:56:24Z

2

This cannot work with ng-repeat once the widget is initialized. A workaround would be to use the dataSource argument, but since the PanelBar does not currently support a live data source you need to use k-rebind to rebuild the widget when the data changed.

Here's an example: http://trykendoui.telerik.com/@mishoo/Udep

answered Jun 18, 2014 at 13:56

mishoo

2,4191 gold badge18 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Daniel C. Over a year ago

I already tested a datasource. By using a datasource I have another problem. I need the double click event on li items. With ng-repeat I can use ng-dblclick. I don't see, how I can do this with datasource, because the panelbar doesn't supports (kendo) templates. Furthermore I'm using ng-repeat with a filter. I don't know how to use this with datasource argument!?

Daniel C. Over a year ago

I see, you have updated the docs for angular-kendo.js (kendo-labs.github.io/angular-kendo/#/ng-repeat).

Collectives™ on Stack Overflow

Kendo PanelBar with AngularJS ng-Repeat does not render correctly on modifying datasource

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related