Up Down Arrow Indicator RadPanelBar

10 posts, 1 answers
  1. Robert
    Robert  avatar
    68 posts
    Member since:
    Feb 2009

    Posted 17 Jan 2012 Link to this post

    I'm working with the RadPanelBar, and I am writing to ask if the Up Down Arrow indicator of a parent RadPanelItem can be wired up to a click event;

    Clicking on a parent-level RadPanelItem (or child-level RadPanelItem) initiates a click event - however if the Up Down Arrow Indicator on the right part of the RadPanelItem is clicked, no event is registered in the C# code-behind;

    Any insight is appreciated;
  2. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 20 Jan 2012 Link to this post

    Hello Robert,

    The issue that you describe is a bug of the RadPanelBar that we are already aware of. It is logged in our internal system so we can fix it. Meanwhile I could suggest that you use jQuery to find the ExpandHandler by its css class (rpExpandHandle) and attach a click event.

    Greetings,
    Kate
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ken
    Ken avatar
    1 posts
    Member since:
    Feb 2012

    Posted 20 Feb 2012 Link to this post

    Has this fix been distributed yet? If yes, where and how can I obtain it.
  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 23 Feb 2012 Link to this post

    Hi Ken,

    The issue is still not fixed but you can keep track on it in our PITS. Below you can find a link to the issue:
    http://www.telerik.com/support/pits.aspx#/public/aspnet-ajax/5778

    Regards,
    Kate
    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.
  6. Rodney King
    Rodney King avatar
    9 posts
    Member since:
    Sep 2012

    Posted 29 Mar 2013 Link to this post

    the clicked does not work when clicking the arrow, clicking on the bar works.  Can you post a work around since no one appears to be working on this issue?
  7. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 01 Apr 2013 Link to this post

    Hello Rodney,

    Our developers have already reviewed the issue with the Click event firing when the expand/collapse handler is clicked. Unfortunately such scenario would introduce a conflict of the behavior of the RadPanelBar control when the NavigateUrl property is used. If implemented for instance, a single click on the RadPanelItem expand/collapse handler will cause postback, expansion and at the same time navigation to another page. Therefore, we decided not to invoke the Click event when the expand/collapse handler is clicked. As a possible workaround, however, you can use the following javascript function that fires a click event when an expand/collapse handle is clicked:
    <script type="text/javascript">
                  $telerik.$(document).ready(function () {
                      $telerik.$(".rpExpandHandle").click(function () {
                          alert(1);
                      });
                  });
              </script>

    Kind regards,
    Kate
    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.
  8. <span>w</span>
    <span>w</span> avatar
    84 posts
    Member since:
    Jun 2012

    Posted 19 Apr 2013 Link to this post

    Hi Kate

    How to check, if any item is expanded or collapse.
    so if item is collapse , we can expand it. if item is expand , we collapse it.

     <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server" >
                        <script type="text/javascript">
                            $telerik.$(document).ready(function() {
                                $telerik.$(".rpExpandHandle").click(function() {
                                    var panelBar = $find("<%= radPanelBar.ClientID %>");
                                    if (  ) { //if it is collapse then expand it otherwise collapse it.
                                        panelBar.get_items().getItem(0).expand();
                                    }
                                    else {
                                        panelBar.get_items().getItem(0).collapse();
                                    }
                                 });
                            });
                        </script>
                    </telerik:RadCodeBlock>

    Thanks,
    the telerik team
  9. <span>w</span>
    <span>w</span> avatar
    84 posts
    Member since:
    Jun 2012

    Posted 19 Apr 2013 Link to this post

    I got a solution, by making isExpanded true , so it solve my problem. 
             
          <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server" >
                        <script type="text/javascript">
                            var isExpanded = true;
                            $telerik.$(document).ready(function() {
                                $telerik.$(".rpExpandHandle").click(function() {
                                    var panelBar = $find("<%= radPanelBar.ClientID %>");
                                    if (isExpanded == true) {
                                        panelBar.get_items().getItem(0).collapse();
                                        isExpanded = false;
                                    }
                                    else {
                                        panelBar.get_items().getItem(0).expand();
                                        isExpanded = true;
                                    }
                                });
                            });
                        </script>
                    </telerik:RadCodeBlock>

    Thanks.
    Muhammad Waseem
    the telerik team
  10. Mary
    Mary avatar
    5 posts
    Member since:
    Jun 2013

    Posted 27 Sep 2013 Link to this post

    Hi guys,
    I have the same issue and I would like to use this javascript code Waseem (Animation Lover) proposed, but I wonder how to get the right RadPanelItem which was previously clicked, not only the first item.
    Any help would be appreciated,

    Thanks in advance.
    Mary.
  11. <span>w</span>
    <span>w</span> avatar
    84 posts
    Member since:
    Jun 2012

    Posted 01 Oct 2013 Link to this post

    you can get all data in detail.
    http://www.telerik.com/help/aspnet-ajax/panelbar-client-side-radpanelbaritem.html
    http://demos.telerik.com/aspnet-ajax/panelbar/examples/clientside/clientsideevents/defaultcs.aspx

    Thanks,
    Muhammad Waseem
    the Telerik team
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017