I'm new to programming and my mentor is asking these question regarding the above mentioned Ignite grid (igHierarchicalGrid). We're testing your Ignite UI products with our JSON web services:
Looks to us like the referenced Grid only allows for two levels of drilling, is that true?
Here's a second more in depth question regarding the Hierarchical Grid and any answer/comments or suggestions for other ways to skin this cat would be greatly appreciated. Thanks!!
How do you implement an "On row select" event, when using the IgniteUI library with AngularJS?
IgniteUI
AngularJS
Even the IgniteUI-AngularJS GitHub page, which contains a demo, doesn't show how to do this.
Here's the jQuery method of doing it (from this webpage)
$("#grid").on("iggridselectionactiverowchanged", function (evt, ui) { var message = "iggridselectionactiverowchanged"; apiViewer.log(message); });
...but I want to know how to capture this event from my AngularJS controller (and keeping the amount of jQuery to a minimum).
Is it possible ?
I also tried the standard way of adding a ng-model attribute to this control, and trying to put a watchon this variable, but even ng-model seems to be ignored by this control.
ng-model
watch
Hi Alex Grape,
Thank you for posting into the Infragistics community.
igHierarchicalGrid allows more two levels of hierarchy. There are two choices to configure it:
Both of them can be configured with the angular directives.
For your second question, directive for that event is looking like this:
<features> <feature name="Selection" event-active-row-changed="activeRowChangedHandler"></feature></features>
And activeRowChangedHandler should be defined in the scope. It has to be similar to this code snippet:
$scope.activeRowChangedHandler = function(evt, ui) { alert("activeRowChanged fired");}
If you have more questions on this matter please don't hesitate to ask.
Thanks DeyanK. More soon on your reply here.
In the meantime, can you explain the difference between the igTreeGrid and the igHierarchicalgrid? Thanks. Alex.
Hello Alex Grape,
In two words the difference between igTreeGrid and igHierarchicalGrid is that for the igHierarchicalGrid you can have different column definitions for different levels and for the igTreeGrid column definitions are the same for all of the hierarchy. Of course they are two completely different controls with a lot of differences. To find out more on them:
http://www.igniteui.com/help/igtreegrid-overview
http://www.igniteui.com/help/ighierarchicalgrid-overview