Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Al Maiz
1365
hierarchicalGrid: how to show specific children rows without drilling down.
posted

hi, this is my first venture into submitting a jquery question and I'm a winforms guy so forgive my ignorance.

I'm building a hierarchical grid which serves are a monitoring application. I have a monitor group, and it's children rows. each child row has a status CLEAR/ALERT. I want the parent row to show "ALERT" only if 1 or more of the children are in "ALERT" status. otherwise show in clear status. is that possible?

an alternate solution would be to show (at the collapsed parent level) the parent and only show child rows that are in "ALERT" status.

moving to jquery has not been a quick transition for me so I appreciate the help.

i've put my example in this fiddle.

https://jsfiddle.net/amaiz15/a4buvL1m/

thanks in advance

Al

Parents
  • 20255
    Verified Answer
    Offline posted

    Hello Al,

    Thank you for using our forum.

    Could you please clarify some things for me, what do you mean by saying 'parent row to show "Alert"'? You wand to add a 3rd column for parent Status and to fill the status with Alert if 1 or more of the children are in Alert status?

    If this is what you want, you have two options:

    1: To iterate through the DataSource and look if the children for each parent have 1 or more alert statuses, and to fill some kind of flag that will indicate the status for the parent row.

    2: You can set the iterate through the DOM elements although the Parent rows should be expanded in order to render the child rows in the DOM.


    I recommend you the first approach, below you will find two references related to igGrid and hierarchical grid row iteration:

    http://www.infragistics.com/community/forums/t/94518.aspx

    http://www.infragistics.com/community/forums/t/86816.aspx

    Also about the jsFiddle , in order to set the correct styles you need to put the script into the HTML section, If you want to put some custom css classes then you should use the CSS section:

    http://jsfiddle.net/a4buvL1m/7/

    Let me know if I may be of further assistance.

Reply Children