This is a migrated thread and some comments may be shown as answers.

stop postback on Collapse Client event

2 Answers 200 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Francesco
Top achievements
Rank 1
Francesco asked on 14 Mar 2011, 02:30 PM
Hi, I wolud like to stop postback call on collapse event. How I do?  I have a Panel bar that on click (server) bind a grid inside him and expan panel. This is ok, but them when I click on expand panel the control recall server side, and then, collapse panel. I wolud like to call serve when expand but not then collapse. Can I do?
thank

<telerik:RadAjaxPanel ID="RadAjaxPanel1Contratti" runat="server" Height="100%"
                    LoadingPanelID="RadAjaxLoadingPanel1" 
                    ClientEvents-OnResponseEnd="adjustSizeEnd" 
                    ClientEvents-OnRequestStart="adjustSizeStart">             
                    <telerik:RadPanelBar runat="server" ID="RadPanelBarContratti" 
                    AllowCollapseAllItems="True" Width="100%" 
                    CssClass="panelBoxOut"
                    onitemclick="RadPanelBarContratti_ItemClick" 
                    OnClientItemExpand="OnExpand" 
                    OnClientItemCollapse="OnCollapse">
                        <Items>                
                            <telerik:RadPanelItem Text="Contratti" value="pnlDataAnagafica">
                                <Items>
                                    <telerik:RadPanelItem Value="Grid">
                                        <ItemTemplate>     
                                        <div class="panelBoxIn">                                                                              
                                            <telerik:RadGrid ID="grdContratti" runat="server" DataSourceID="ObjectDataSourceContratti" 
                                            GridLines="None" Visible ="False" AutoGenerateColumns="False">
                                                <MasterTableView>                                                                                                                  
                                                </MasterTableView>
                                            </telerik:RadGrid>   
                                        </div>
                                        </ItemTemplate>
                                    </telerik:RadPanelItem>
                                </Items>
                            </telerik:RadPanelItem>                
                        </Items>
                    </telerik:RadPanelBar>   
                </telerik:RadAjaxPanel>

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 15 Mar 2011, 06:45 AM
Hello Francesco,
You can achieve the same by subscribing to the RadPanelBar client side event OnClientItemClicking and cancel the postback from there. Here is a sample code.
Javascript:
function OnClientItemClicking(sender, eventArgs)
  {
       var item = eventArgs.get_item();
       if (item.get_expanded())
       {
           item.collapse();
           eventArgs.set_cancel(true); // Cancel the postback 
       }
  }

Thanks,
Shinu.
0
Francesco
Top achievements
Rank 1
answered on 15 Mar 2011, 09:30 AM
WOW, work great!!!!!  Thank a lots
Tags
PanelBar
Asked by
Francesco
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Francesco
Top achievements
Rank 1
Share this question
or