How to handle nested lists w/animation and datasource

[John]

Hi

I'd like to create a navigable list that is multiple levels deep.  I'd like to do this in a ListView, and have the listview animate (slide) when the user chooses an item that exposes another hierarchy level.  

E.g. assume this data:

top
  item 1
  item 2
  item 3
item a
item b

I'm OK getting the listview to show items 1, 2, 3 - that's easy.  What I don't understand is how to force the listview to provide a slide navigation when I re-run the query with a different set of query params to get item a, b.

To be honest - I've actually implemented this already - but the only way I was able to force the listview to provide me the slide transitions was to build a complete new view on the fly, with a new unique ID for every single level in the hierarchy - and I wondered if there was a better way to do this.

Thanks

[Alexander Valchev]

Hello John,

This code library project demonstrates how to implement such scenario. If you want to enable slide effect when the user navigates, please set the transition option of the mobile application.

I hope this will help.

Regards,
Alexander Valchev
the Telerik team

[John]

As far as I recall, this example uses filtering - and when a filter is changed, there isn't any kind of slide animation.  The last time I tried this example was with a PopOver + list.  Let me know if the animation behaviour for filtering changes is different from PopOver, but I'm assuming it's not. 

Filtering a DataSource is a very good capability, but as yet I've not seen a technique to apply filtering and then have the view animate to show the results of the filter.

If it's still unclear what I'm after - please tell me, so I can describe it in a different way.

Thanks.

[Alexander Valchev]

Hello John,

As suggested in my previous post, you can enable the slide transition in the application configuration. All you need to change in the sample project is:

var app = new kendo.mobile.Application(document.body, { transition: "slide" })

For your convenience I attached a sample - the transition runs every time the user navigates to another data level. Please let me know if I missed something.

All the best,
Alexander Valchev
the Telerik team

[John]

Hi,

yes - this one I know already - thanks.  

What I'm after is a way of having:
 - one "view"
 - which contains a listview
 - that is hooked up to a datasource

when I click on an item in the listview, I want to change the datasource filter, and then have the listview animate via a slide transition to show the new results of the query.

[Alexander Valchev]

Hi John,

I am afraid that the approach which you described (using only one View) is not supported. The recommended way to implement such scenario is to use separate Views/ListViews as demonstrated in the aforementioned sample.

Kind regards,
Alexander Valchev
the Telerik team