Kendo panelbar not expanding on JQuery due to version upgrade

4 posts, 0 answers
  1. Johnson
    Johnson avatar
    14 posts
    Member since:
    Jun 2011

    Posted 23 Jan Link to this post

    Hi Support team,

     The panel bar expanding is not expanding now ,when I upgraded to the latest version (2017.2.621.545) from old version (2016.....).

      here is the JQuery code to expand on java-script call event which I am using ,it was working perfectly 

       var panelBar = $("#pnlbar").data("kendoPanelBar");
       panelBar.select(panelBar.element.children("li").eq(2));
       panelBar._selected[0].style.display = 'block';
       var item = panelBar.select();
        panelBar.expand(item);

    please advice me the solution asap to solve the issue  ..

    Thanks...

  2. Dimitar
    Admin
    Dimitar avatar
    426 posts

    Posted 25 Jan Link to this post

    Hello Johnson,

    On the following Dojo example you can find a simple Kendo UI PanelBar implementation, where a similar scenario to the one described is demonstrated (expanding a specific PanelBar item).

    With the above example and Kendo UI version 2017.2.621, the selected item is being properly expanded with the PanelBar's expand() method.. I assume that I am missing some important details. Therefore, may I ask you to modify the example so that the described issue is reproduced?

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Johnson
    Johnson avatar
    14 posts
    Member since:
    Jun 2011

    Posted 25 Jan in reply to Dimitar Link to this post

    Hi Dimitar,

    Oh sorry,I noticed that ,actually the panel bar expand is working fine and the issue is not calling the partial views which is written in "Select" event,am calling some partial views on panel bar "select" event.

    With old version , I am redirecting from one page to another page , and that page have panel-bars, I was expanding particular panel bar based on conditions, and the partial view called(will call controller method using ajax method) by the panel bar "select" event ,the panel bar "Select" event was triggering properly when I called  the below method , now its not

    panelBar.select(panelBar.element.children("li").eq(2));
       panelBar._selected[0].style.display = 'block';
       var item = panelBar.select();
        panelBar.expand(item);

    Thanks.

     

  4. Dimitar
    Admin
    Dimitar avatar
    426 posts

    Posted 26 Jan Link to this post

    Hi Johnson,

    I am not quite sure that I can fully understand the described scenario. Therefore, may I ask you to provide an isolated solution, where the issue is reproduced? It will also be very helpful if you can provide additional clarifications/steps on how to reproduce the exact scenario. 

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top