inside RadAjaxPanel some event cannot fired

7 posts, 0 answers
  1. M Kumar
    M Kumar avatar
    58 posts
    Member since:
    Apr 2008

    Posted 21 Mar 2012 Link to this post

    Hi,
    i use rad ajax panel in my page. in that page i got four buttons.
    when clicking that buttons one button event is triggered. another 3 dosent work.
    how to solve it.
  2. Bruno
    Bruno avatar
    20 posts
    Member since:
    Feb 2012

    Posted 21 Mar 2012 Link to this post

    Without your code, is impossible to detect your problem.
  3. M Kumar
    M Kumar avatar
    58 posts
    Member since:
    Apr 2008

    Posted 21 Mar 2012 Link to this post

    'Here is my sourece.......

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="ProfileDesigner.aspx.vb" EnableEventValidation="false" Inherits="ProfileDesigner" %>
     
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     
    <head runat="server">
        <title></title>
        <script type="text/javascript">
            
        </script>
     
        <style type="text/css">
            .modalBackgroundPanel {
                           background-color:Gray;
                            filter:alpha(opacity=70);
                            opacity:0.7;
                            }
        </style>
         
    </head>
    <body>
        <form id="form1" runat="server" style="font-family:Segoe UI, Tahoma, Arial;font-size: 11px;">
    <asp:ToolkitScriptManager EnablePageMethods="true" ID="ToolkitScriptManager1" runat="server">
         <Services>
         <asp:ServiceReference Path="~/MyService.asmx" />
            
       </Services>
        </asp:ToolkitScriptManager>
        <telerik:RadFormDecorator ID="RadDecor1" Skin="Office2010Blue" runat="server" />
     
     
        <telerik:RadSkinManager ID="ftSkinMgr" Runat="server"
                            PersistenceMode="Session"  ViewStateMode="Enabled">
        </telerik:RadSkinManager>
     
    <telerik:RadAjaxPanel ID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" runat="server" Height="100%" Width="100%">
                  <table width="100%">
     
                        <tr>
                            <td style=" width:45%; text-align:left;">
     
                            </td>
                            <td style=" width:45%">
                                 
                            </td>
                            <td style=" width:10%">
                                 
                            </td>
                        </tr>
                        <tr>
                            <td style=" height:450px; width:45%">
                            <div style=" width:100%; text-align:left; height:100%; background-color:#FFFFFF; overflow:auto;">
                            Profile Details <br />
                                 
                                 
        </div>
                            </td>
                            <td style=" height:450px; width:45%">
                                <telerik:RadTabStrip ID="RadTabStrip1" Skin="Office2010Blue" runat="server"
                                      MultiPageID="MulProfDesPage"
                    SelectedIndex="0" 
                     ShowBaseLine="True">
                    <Tabs>
                        <telerik:RadTab Text="Create">
                        </telerik:RadTab>
                        <telerik:RadTab Text="Edit">
                        </telerik:RadTab>
     
                    </Tabs>
                </telerik:RadTabStrip>
     
                               <telerik:RadMultiPage ID="MulProfDesPage" runat="server" SelectedIndex="0" CssClass="pageView" Width="100%"   Height="100%" >
                     
                    <telerik:RadPageView  Width="100%"   Height="100%" runat="server" ID="ProfDesCreate" >
                        <table width="100%" style=" border: thin solid #000000; height:100%; ">
                            <tr>
                                <td style="width:5%;">
                                     
                                </td>
                               <td style="width:90%;">
                                     
                                </td>
                                <td style="width:5%;">
                                     
                                </td>
                            </tr>
                            <tr>
                                <td style="width:5%;">
                                     
                                </td>
                                <td style="width:90%;">
                                    <div style="background-color:White; width:100%; height:350px;" >
                                   <b> Profile Designer</b>
                                   <hr />
                                        <table>
                                            <tr>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                    Field Name:
                                                </td>
                                                <td>
                                                    <asp:TextBox Width="96%" ID="txtFldNameS1" onchange = "valid(this)" MaxLength="16" runat="server"></asp:TextBox>
                                                </td>
                                                <td>
                                                     
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                    Field Type:
                                                </td>
                                                <td>
                                                    
                                                </td>
                                                <td>
                                                     
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                    Default Value:
                                                </td>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                     
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                    Field Length:
                                                </td>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                     
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                 
                                                </td>
                                                <td>
                                                     
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </td>
                                <td style="width:5%;">
                                     
                                </td>
                            </tr>
                            <tr>
                                <td style="width:5%;">
                                     
                                </td>
                               <td style="width:90%; background-image: url('image/small bar.png'); background-repeat: no-repeat;">
     
                                    <asp:Button ID="btnProAddS1" OnClick="btnProAddS1_Click" OnClientClick="return btnProAddS1_ClientClick()" runat="server" Text="Add" />
                                    <asp:Button ID="btnProClearS1" OnClick="btnProClearS1_Click" runat="server" Text="Clear All" />
     
     
                                     </td>
                                <td style="width:5%;">
                                                               </td>
                            </tr>
                        </table>
                    </telerik:RadPageView>
                    <telerik:RadPageView Width="100%"   Height="100%" runat="server" ID="ProfDesEdit">
                                            <table width="100%" style=" height:100%;border: thin solid #000000; padding-top:5px;">
                             
                            <tr>
                                <td style="width:5%;">
                                      
                                </td>
                                <td style="width:90%;">
                                    <div style="background-color:White; height:170px; width:100%;" >
                                        <b>Profile Designer</b>
                                        <hr />
                                     
                                        <table>
                                            <tr>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                    Field Name:
                                                </td>
                                                <td>
                                                    <asp:TextBox Width="96%" onchange = "valid(this)" ID="txtFNameS2" MaxLength="16" runat="server"></asp:TextBox>
                                                </td>
                                                <td>
                                                     
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                    Field Type:
                                                </td>
                                                <td>
                                                     
     
                                                                                                </td>
                                                <td>
                                                     
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                    Default Value:
                                                </td>
                                                <td>
                                                                                              </td>
                                                <td>
                                                     
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                    Field Length:
                                                </td>
                                                <td>
                                                         
                                                </td>
                                                <td>
                                                     
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                     
                                                </td>
                                                <td>
                                                 
                                                </td>
                                                <td>
                                                     
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <br />
                                    <div style="background-color:White; height:170px; width:100%;text-align:left;" >
     
                                         <table style="text-align:left;" width="100%">
                                            <tr>
                                                <td align="left">
                                                    <b>Field Position</b>
                                                    <hr />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="left" >
                                                    
                                                    </telerik:RadButton>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="left" >
                                                    
                                                    </telerik:RadButton>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="left" >
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                     
                                </td>
                                <td style="width:5%;">
                                    
                                </td>
                            </tr>
                            <tr>
                                <td>
                                     
                                </td>
                                <td>
                                    
                                </td>
                                <td>
                                 
                                </td>
                            </tr>
                            <tr>
                                <td>
                                     
                                </td>
                                <td>
     
                                    <asp:Button ID="btnProfEditS2" OnClick="btnProfEditS2_Click" OnClientClick="return btnProfEditS2_ClientClick()" runat="server" Text="Update" />
                                    <asp:Button ID="btnProfRemS2" OnClientClick="return btnProfRemS2_ClientClick()" OnClick="btnProfRemS2_Click" runat="server" Text="Remove" />
                                    <asp:Button ID="btnProfAddDataS2" OnClick="btnProfAddDataS2_Click" runat="server" Text="AddData" />
                                </td>
                                <td>
                                     
                                </td>
                            </tr>
                        </table>
                    </telerik:RadPageView>
                                     </telerik:RadMultiPage>
     
     
     
     
                            </td>
                            <td style=" height:450px; width:10%">
                             
                                   <div style="background-color:#FFFFFF; width:100%;">
                                        
                                   </div>
                                   
     
                            </td>
                        </tr>
                    </table>
     
                     
        </div>
         
         
     
          
        </telerik:RadAjaxPanel>
        </form>
    </body>
    </html>
  4. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 26 Mar 2012 Link to this post

    Hello,

    Could you please try to use RadScriptManager instead of using asp ToolkitScriptManager and verify of this makes any difference.

    Regards,
    Maria Ilieva
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  5. M Kumar
    M Kumar avatar
    58 posts
    Member since:
    Apr 2008

    Posted 30 Mar 2012 Link to this post

    Hai,
    I changed radscriptmanager.but still same.
  6. Bruno
    Bruno avatar
    20 posts
    Member since:
    Feb 2012

    Posted 30 Mar 2012 Link to this post

    Try change your ajaxPanel, for an UpdatePanel asp, and validate the respective trigger, and tell if works or not.
  7. SamJ
    SamJ avatar
    101 posts
    Member since:
    Jul 2008

    Posted 30 Mar 2012 Link to this post

    Hi M Kumar,

    Reviewing your code I see that you have two buttons, with IDs btnProAddS1 and btnProfRemS2, which have their OnClientClick properties assigned. Are they the problematic ones?
    With ajax, you need to have conditional returns. Check this topic:
    http://www.telerik.com/help/aspnet-ajax/ajax-confirmation.html

    Hope this helps.

    SamJ
Back to Top