Collapse a pane using Ajax Manager?

[Michael Dunbar]

Hello,

I am attempting to change the state of a pane from expanded to collapsed with the following server side code:

// Collapse the splitter if the selected item has no child
if (selectedItem.Items.Count == 0)
{
  rpTopicSubMenuPane.Collapsed = true;
}

Basically, I have a splitter with 3 panes. The left pane contains a panelbar, which when clicked updates a treeview in the middle pane and the content in the right pane. I do all this using the Ajax manager and it works great. What I now need to do though with the above code is collapse the pane containing the treeview if the panelbar item clicked has no child nodes.

How do I update either the splitter itself or the pane I want to collapse using the Ajax manager? I currently do this for the treeview and the content:

<telerik:RadAjaxManager ID="CksMasterAjaxManager" runat="server" EnablePageHeadUpdate="False">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="pbTopicMenu">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="tvSectionTree" LoadingPanelID="lpLoading" />
<telerik:AjaxUpdatedControl ControlID="rapContent" LoadingPanelID="lpLoading" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="tvSectionTree">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="rapContent" LoadingPanelID="lpLoading" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

But when I tried updating either the pane or the splitter directly in this manner it didn't like it. I also tried putting the splitter within an update panel, but it didn't seem to like this either. What's the best way to do this (and hoipe it makes sense!).

Thanks,

Michael

[Svetlina Anati]

Hi Michael,

You shouldn't have problems  updating  the RadSplitter control with a RadAjax manager which has a setting with  ControlID property set to the ID of the RadSplitter. I prepared for you a simple project which demonstrates this. When Button1 is clicked the RadSplitter is updated and the RadPane is collapsed server-side.

If you want to update the content of a RadPane you need to wrap its content in a standard asp panel and then update the panel.

More detailed explanation and sample downloadable projects demonstrating different scenarios of updating RadSplitter and RadPane controls with RadAjax manager and RadAjax panel can be found here.

In case this doesn't solve your problem, please send us a simple running application which illustrates it.  


Sincerely yours,
Svetlina
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Dunbar]

Thanks for the example. I'll take a look at get back to you if I have any further issues.

Michael

[Michael Dunbar]

I get the following JavaScript error when trying to implement the code provided into my project:

document.getElementById(this.Container) has no properties

Sys$_ScriptLoader$_loadScriptsInternal()ScriptResource.ax... (line 3286)

Sys$_ScriptLoader$_scriptLoadedHandler(script ScriptResource.axd, true)ScriptResource.ax... (line 3324)

(no name)()ScriptResource.ax... (line 50)

(no name)()ScriptResource.ax... (line 3533)

var _52=document.getElementById(this.Container).getElementsByTagName("IMG");

Any ideas?

[Tsvetie]

Hi Michael Dunbar,
Did you get that error with the test page we sent you? In case you did not, could you please prepare and send us a simple running project, demonstrating the described problem. We will have a look at it right away.

Sincerely yours,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Dunbar]

No, it works as a standalone solution. This is what is confusing me at the moment.

It is throwing the JavaScript error on my project (which I provided an overview of above) but I can't see what it would be conflicting with. What is the error it is throwing?

I can't really send you my entire project... Sorry, I realise it is almost impossible to debug a problem without the context.

[Tsvetie]

Hi Michael Dunbar,
As you mention a lot of controls - RadPanelBar, RadTreeView, RadAjax and RadSplitter, I really cannot be sure which one of the controls is throwing the error and what is causing it just by looking at the provided information. I would really appreciate a simple test project, demonstrating the problem, bun in case you cannot provide such, could you please send us at least a live url to your page, with which you reproduce the problem?

Greetings,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Dunbar]

The site is not Live yet, but we are going to Beta next week when I should have a "Live" url I can send you.

[Tsvetie]

Hi Michael Dunbar,
That will be helpful, thank you. In the meantime, in case you are able to find the time to prepare a project, demonstrating the problem and send it to us, we will investigate what is causing it right away.

All the best,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Dunbar]

Ok,

I've solved the issue from my end. It was to do with my logic in populating the content and the page life cycle.

However, in fixing my issues I have found some quite serious problems with the splitter I would like you to resolve asap. I can't use it to it's full potential until you do.

1. the boolean property Collapsed on the pane only allows a setting of false. If you set this to true then it does not work. I'm not impressed that you have released this property in this state.

2. I cannot use the JavaScript client side work around as the splitter has a bug where you need a radsplitbar when using the middle pane. See here for details on this problem: http://www.telerik.com/community/forums/thread/b311D-bbdkbm.aspx

Please fix issue 1 as a priority.

Thanks,

Michael

[Tsvetie]

Hello Michael Dunbar,
We have already fixed the second issue you mention and the fix will be availably with SP2. We will do our best to fix the first issue for the service pack as well.

All the best,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Dunbar]

Hi Tsvetie,

Fixing the boolean property would be preferable for me as I would rather not rely on client side work arounds when you should be able to achieve the functionality with server side code... if you see what I mean. Do what you can and keep me informed please as collapsing and expanding the splitter intelligently is key to my navigation. Luckily the site will be in Beta for a month or two yet.

When is the next service pack due?

Thanks,

Michael

[Tsvetie]

Hello Michael Dunbar,
I will inform you as soon as this problem is fixed. SP2 is scheduled for the beginning of next week.

All the best,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Dunbar]

Was this resolved in SP2 then?

[Tsvetie]

Hi Michael Dunbar,
We did our best to fix the problem with the Collapsed property of the RadPanes, but could not include the fix in SP2, as it turned out to be more complicated than we expected. In order to make sure that the changes that need to be done to the code will not break existing functionality, we decided it would be better to postpone the fix for the next update of the suite.

I hope you can use the workaround with javascript for the time being. As already mentioned, as soon as we have additional information on the problem, I will inform you.

Regards,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Michael Dunbar]

I'm having to wait for the boolean property to be fixed as the JavaScript workaround doesn't really do what we want. It's now looking like we will leave Beta with this not in place, which is not ideal but one of those things.

Will this definitely be fixed in the next release and do you have a date for this as yet?

Thanks,

Michael

[Tsvetie]

Hello Michael Dunbar,
We will fix the problem for the official release of the Prometheus suite, scheduled for the 16 April.

Regards,
Tsvetie
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center