jqxangular directives inside jqxlayout

[robertwParticipant]

Hello!

I love your (Docking)Layout widget and I would love to define its contents in an Angular fashion. On your demo page you show a working example of the jqxlayout directive (http://www.jqwidgets.com/jquery-widgets-demo/demos/angularjs-demos/index.htm#demos/angularjs-demos/angularjs-layout.htm), however inside another widget (jqxtree) is not defined in the view with a <jqx-tree> tag, but with a JQuery call:
$('#solutionExplorerTree').jqxTree({ source: source, width: 190 });
This is discouraged by the Angular team and I want to avoid this.

If I try to use Angular directives in my markup for the layout, the widgets do not seem to work, as seen in this fiddle: http://jsfiddle.net/cu5x4jvc/2/
Note that the <jqx-grid> defined a few lines above works if uncommented.

So my question is: Is there a way to describe the contents of jqxlayout as Angular directives with jqxangular?

[DimitarParticipant]

Hello robertw,

This can be achieved with the use of $.jqx.angularCompile. Please take a look at this modified version of your fiddle: http://jsfiddle.net/Dimitar_jQWidgets/1ah9ph8g/.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[robertwParticipant]

Thanks Dimitar, this works for us!

Cheers

[Author]

Posts