Assume I will create a home page as below:

There are several sub-views under the home page view. Some of them are simple UIView, some of them are TableView/ScrollView, they bind to the different datasources. I tried nested viewmodels and tried to bind sub-views to the sub-viewmodels, but it does not work.

Do you have any solutions?

Dear Leo,

Yes, Crosslight supports composite view scenario since its data binding is built specifically for each view component. In your case, your view can have any number of list controls such as table view and collection view. Of course, you will have to register different ID for each of your view using the RegisterViewIdentifier method in the code behind of your view controller (you'll find this in most of our samples).

In your ViewModel, you need to have the property that represent the datasource for each list control. For instance, your ViewModel can have these properties:

public IList<Album> HotAlbums {  ... }

public IList<Album> EditorPicks { ... }

Finally, make sure you bind these properties to the correct target ID in the binding provider. At the most minimum, you will need to bind the ItemsSource property and ItemBindingDescription property.

Hope this helps.