SlidingZone - Undock all Panes

[ryan86pika]

var slidingZone = $find("<%= SlidingZone1.ClientID %>");
                var panes = slidingZone.getPanes();

                var id = 0;
                var result = false;
                var paneID = panes[id]._clientStateFieldID;

                while (panes[id] != null) {
                    var isDocked = panes[id].get_docked();
                    if (isDocked) {
                        result = slidingZone.UndockPane(paneID);
                    }
                    id++;
                    if (panes[id] != null) {
                        paneID = panes[id]._clientStateFieldID;
                    }
                }

[Vessy]

Hi Ryan,

The following changes should be made in order to make the above function work:

• you should use the clientId of the SlidingPanes instead of the clientStateFieldID:
  

  var paneID = panes[id].get_id();

• the Client undockPane() method should be used instead of UndockPane()
  

  slidingZone.undockPane(paneID)

The function with the changes:

function collapseAllPanes() {
    var slidingZone = $find("<%= RadSlidingZone1.ClientID %>");
    var panes = slidingZone.getPanes();

    var id = 0;
    var result = false;
    var paneID = panes[id].get_id(); //_clientStateFieldID;

    while (panes[id] != null) {
        var isDocked = panes[id].get_docked();
        if (isDocked) {
            result = slidingZone.undockPane(paneID);
        }
        id++;
        if (panes[id] != null) {
            paneID = panes[id].get_id();//_clientStateFieldID;
        }
    }
}

Furthermore, you could optimize the function in the following way:

function collapseAllPanes() {
    var slidingZone = $find("<%= RadSlidingZone1.ClientID %>");
    var panes = slidingZone.getPanes();
    var isDocked;

    for (var i = 0; i < panes.length; i++) {
        isDocked = panes[i].get_docked();

        if (isDocked) {
            slidingZone.undockPane(panes[i].get_id());
        }
    }
}

Here you could find detailed information regarding the RadSlidingZone and RadSlidingPane Client object APIs.

I hope this would help.

Regards,
Veselina Raykova
Telerik