ListView Paging inside a PanelBar

2 posts, 0 answers
  1. Yeti
    Yeti avatar
    1 posts
    Member since:
    Feb 2011

    Posted 03 Sep 2012 Link to this post

    Hi,

    Using MVC 4 and Kendo UI Q2.

    I have a PanelBar with a Listview in one of the panels, loaded from a PartialView. This works great.

    However, when I add paging to the listview then the panel collapses each time I go to a new page. Happens in both Single and Multiple expand mode. So if thought I could subscribe to a NextPage event and do something to prevent this, but I cannot figure out how to get the paging event.

    PanelBar    .vbhtml
    @(Html.Kendo().PanelBar() _
        .Name("zone-panelbar") _
        .ExpandMode(PanelBarExpandMode.Single) _
        .Items( _
            Sub(panelbar)
                    panelbar.Add().Text("Current Playlist") _
                        .LoadContentFrom("Get", "Playlist", New With {.id = currentZone.Id}) _
                        .Selected(True)
                    panelbar.Add().Text("Other") _
                        .Content("<h2>Other</h2>")
            End Sub))


    _Playlist.vbhtml
    <script type="text/x-kendo-tmpl" id="template-playlist">
        <div class="playlist-panel-song">
    ${Artist} - ${Title}
        </div>
    </script>

    @(Html.Kendo.ListView(Of Player.Data.Song) _
        .Name("listview-playlist") _
        .ClientTemplateId("template-playlist") _
        .TagName("div") _
        .Pageable(
            Sub(pager)
                    pager.Enabled(True)
                    pager.Info(False)
                    pager.Input(False)
                    pager.Numeric(False)
                    pager.PageSizes(False)
                    pager.PreviousNext(False)
                    pager.Refresh(False)
            End Sub) _
        .DataSource(
            Sub(dataSource)
                    dataSource.Read("Read", "Playlist", New With {.id = Model.Id})
                    dataSource.PageSize(9)
            End Sub)
    )


    Any help/advise/suggestions would be appreciated.
  2.
  3. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2513 posts

    Posted 07 Sep 2012 Link to this post

    Hello Martin,

    We have confirmed this to be a bug in the PanelBar implementation. The bug fix will be available in the service pack. As a work-around, you can stop the collapsing by preventing the panelbar collapse event when the pager is clicked.

    All the best,
    Alex Gyoshev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top