JqTree Events are not working just after rendering the Tree.

[vandanaParticipant]

When I call any events of jqxtree like (expandall,getitems) with angularJs 1, after the initialization of tree setting,its giving me error like

$scope.treeRoleSettings.jqxTree is not a function

Please refer below fiddle for reference.

I have putted the button control to call same function explicitly and it is working fine. to see this scenario just comment line no 95 of fiddle other wise you will get error.

But as per my project requirement I want to call these function just after on jqxTree load/render.

Please help me. looking forward for your reply. Thanks !

[vandanaParticipant]

I forgot to attach fiddle link.

http://jsfiddle.net/bj5auao6/63/

[ChristopherParticipant]

Hi vandana,

The problem is that you’re trying to expand all items in the jqxTree before it is completely loaded. To resolve the issue just place the line with the method invocation in the initialized event handling function, like so:

<jqx-tree jqx-settings="treeRoleSettings" jqx-on-initialized="onInitialized()"></jqx-tree>
…

 $scope.onInitialized = function (event) {
                $scope.treeRoleSettings.jqxTree('expandAll');
            }

Here is a link to the updated fiddle:
http://jsfiddle.net/bj5auao6/64/

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts