Lucian Chiriac
Top achievements
Rank 1
Rank 1
Lucian Chiriac
asked on 30 May 2008, 04:54 PM
Hello guys,
Given the following layout: a splitter with 2 vertical oanes,
i have a button in a pane (left pane)that updates the contents in another pane using AjaxManager.
The problem is that after the request is processed, the other two buttons from the left pane, which are simple HTML input controls, that are in the left pane does not work properly.
One of them triggers a rad tooltip and the other one a rad window
Please find below the sample page which reproduces the problem. Note that when i am entering the page for the first time, the buttons are working perfectly. This behavior happens only after the ajax postback.
And the code behind:
And also, can you help me with the size of the splitter, when i put a treeview that will eventually expand more than the available canvas, i would like to "push" the splitter as well
Best regards,
Lucian CHIRIAC
Given the following layout: a splitter with 2 vertical oanes,
i have a button in a pane (left pane)that updates the contents in another pane using AjaxManager.
The problem is that after the request is processed, the other two buttons from the left pane, which are simple HTML input controls, that are in the left pane does not work properly.
One of them triggers a rad tooltip and the other one a rad window
Please find below the sample page which reproduces the problem. Note that when i am entering the page for the first time, the buttons are working perfectly. This behavior happens only after the ajax postback.
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="Aberatii.Test" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" style="height:100%"> |
| <head runat="server"> |
| <title>Untitled Page</title> |
| </head> |
| <body style="margin: 0px; height: 100%;"> |
| <form id="form1" runat="server" style="height: 100%; margin: 0px"> |
| <telerik:RadScriptManager ID="ScriptManager" runat="server" EnableTheming="True"> |
| </telerik:RadScriptManager> |
| <telerik:RadAjaxManager runat="server" ID="ajaxManager"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="btnSearch"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="c" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadWindowManager ID="rwm" runat="server" InitialBehavior="Default" Width="770" Height="700"> |
| </telerik:RadWindowManager> |
| <telerik:RadToolTip runat="server" ID="filterTooltip" TargetControlID="btnAdvancedFilter" |
| ShowEvent="OnClick" Sticky="true" Animation="None" IsClientID="true" Position="BottomRight" |
| ManualClose="true" AutoCloseDelay="3000" Modal="true"> |
| <asp:Label ID="l" runat="server" Text="Tooltip element" /> |
| </telerik:RadToolTip> |
| <telerik:RadWindow Modal="true" Height="600px" Width="800px" runat="server" ID="wndAddSubject" |
| OpenerElementID="btnAddSubject" NavigateUrl="http://www.google.com"> |
| </telerik:RadWindow> |
| <telerik:RadSplitter runat="server" ID="PageSplitter" Orientation="Vertical" BorderSize="0" |
| BorderStyle="None" Width="100%" Height="100%" Skin="Outlook"> |
| <telerik:RadPane runat="server" ID="leftNavigation" Width="260" Height="100%"> |
| <telerik:RadAjaxPanel runat="server" ID="leftAjaxPanel"> |
| <div id="search-bar"> |
| <input name="btnAdvancedFilter" type="button" value="Criterii" class="btnDefault" /> |
| <asp:Button ID="btnSearch" Text="Cautare" runat="server" ToolTip="Cautare!!" OnClick="btnSearch_Click" /> |
| <input name="btnAddSubject" type="button" value="Adaugă subiect" class="btnDefault" /> |
| </div> |
| <div class="clear" /> |
| <div id="toc-title"> |
| Lista categorii</div> |
| <div class="clear" /> |
| </telerik:RadAjaxPanel> |
| </telerik:RadPane> |
| <telerik:RadSplitBar runat="server" ID="resizeBar" CollapseMode="Both" /> |
| <telerik:RadPane runat="server" ID="contentPane"> |
| <asp:Label ID="c" runat="server" /> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </form> |
| </body> |
| </html> |
And the code behind:
| protected void btnSearch_Click(object sender, EventArgs e) |
| { |
| c.Text = "POSTBACK " + DateTime.Now.ToString(); |
| } |
And also, can you help me with the size of the splitter, when i put a treeview that will eventually expand more than the available canvas, i would like to "push" the splitter as well
Best regards,
Lucian CHIRIAC
1 Answer, 1 is accepted
0
Hello Lucian,
Thank you for the provided code. I examined it and I noticed that you have put the btnAdvancedFilter and btnAddSubject in a RadAjaxPanel. That is why when you perform an ajax request they get updated but your RadToolTip and the RadWindow don't.
I am not quite sure what is your exact scenario and why you need to put the buttons in the RadAjaxPanel but in order to achieve the desired behavior you should either move the two buttons outside the RadAjaxPanel or include the RadToolTip and the RadWindow also in the RadAjaxPanel.
For your convenience I am sending your modified project.
Regards,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
Thank you for the provided code. I examined it and I noticed that you have put the btnAdvancedFilter and btnAddSubject in a RadAjaxPanel. That is why when you perform an ajax request they get updated but your RadToolTip and the RadWindow don't.
I am not quite sure what is your exact scenario and why you need to put the buttons in the RadAjaxPanel but in order to achieve the desired behavior you should either move the two buttons outside the RadAjaxPanel or include the RadToolTip and the RadWindow also in the RadAjaxPanel.
For your convenience I am sending your modified project.
Regards,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center