We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to expand/collapse records at specific levels

Platform: JavaScript |
Control: ejTreeGrid |
Published Date: February 23, 2017 |
Last Revised Date: May 29, 2019

It is possible to expand/collapse parent nodes at specific levels using expandAtLevel and collapseAtLevel public methods. The following code snippet explains how to expand or collapse nodes at specific nodes in TreeGrid.

<html>
<body>
    <button id="expand">Expand At level 2</button>
    <button id="collapse">Collapse At Level 1</button>
    <script type="text/javascript">
        $("#TreeGridContainer").ejTreeGrid({
            //...
        })
        var treeobj = $("#TreeGridContainer").data("ejTreeGrid");
        $("#expand").click(function () {
            treeobj.expandAtLevel(2);
        })
        $("#collapse").click(function () {
            treeobj.collapseAtLevel(1);
        })
     </script>
</body>
</html>

Sample:

Click here to view the sample to expand/collapse nodes at specific levels in TreeGrid.

 

 

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon