telerik:RadSplitter collapse using a button click

[Jayavidya]

 

 

Hi
I have a radsplitter and I am trying to collapse it on a button click. OnClientClick of the button, I have this method called.
function OnCollapse()
{var splitter = "<%= RadSplitter1.ClientID %>";
var pane = "<%= radPaneAdminLeftMenu.ClientID %>"
pane.Collapse();
return false;
}
It says pane.Collapse() is not supported.

Microsoft JScript runtime error: Object doesn't support this property or method

Please advice.
Thanks.

 

[Shinu]

Hello,


Use the method collapse() ; (You need to careful, because javascript is case sensitive).
More info: RadPane Client Object



-Shinu.

[Jayavidya]

Hello Shinu,
Thanks for the prompt response. I did try uppercase lower case. It didnot support. getPaneById method also is not supported.. I didnt know wat was wrong

splitter.getPaneById(

 

"radPaneAdminLeftMenu.ClientID");

 

pane.collapse()

[Dobromir]

Hi Jayavidya,

If you are using RadSplitter for ASP.NET AJAX you need to use the $find() method of the MS AJAX Framework in order to get reference to RadSplitter's client-side object, e.g.:

var splitter = $find("<%= RadSplitter1.ClientID %>");

Could you please verify which version of RadSplitter you are using?

All the best,
Dobromir
the Telerik team

[Jayavidya]

Hello Team,
My version is 2010.1.415.40. I just tried adding ajax manager again and tried the same. It works fine. Thanks for all ur support. I am sharing my code here.

function resizeWindow() {

        var splitter = $find("<%= radSplitterAdministration.ClientID %>");
        var pane = $find("<%= radPaneAdminLeftMenu.ClientID %>");

        var paneObj = splitter.getPaneById(pane.get_id());
        if (paneObj.get_collapsed())
            paneObj.expand();
        else
            pane.collapse();
        return false;

    }

Thanks,
JJ.

[Onkaramurthy]

Hi 

Any one can help me to get the Radpane Id of RadSplitter ?

I am using below mentioned piece of code But i am getting this Error :- Microsoft JScript runtime error: Object doesn't support property or method 'getPaneById'

var splitter = "<%=RadsplitterGrid.ClientID %>";
var TopLeftPane = splitter.getPaneById('<%= LeftTopPane.ClientID %>');
TopLeftPane.set_height(height);

Thanks
Onkar,

[Vessy]

Hi,

You need to pass the id of the Splitter to the $find() method of the MS AJAX Framework in order to get reference to control's client-side object, e.g.:

var splitter = $find("<%= RadsplitterGrid.ClientID %>");

I will also advice that you review the following MSDN article: Sys.Application $find Method

Regards,
Vessy
Telerik