Базовая конфигурация

Лента с бесконечным скроллом состоит из двух контролов навигационной панели и списка с виртуальным скроллом. В качестве примера разберем их настройку и функционал.

Установите шаблон отображения в опции menu. Подробнее о конфигурации навигационной панели читайте здесь.

<NavigationPanels.Layout.SideMenu>
   <ws:menu>
      <NavigationPanels.sideMenu:View
         keyProperty="id"
         source="{{_menuSource}}"/>
   </ws:menu>
</NavigationPanels.Layout.SideMenu>

Шаблон отображения списка с виртуальным скроллом

Установите шаблон отображения в опции view. Подробнее о конфигурации списка с виртуальным скроллом читайте здесь.

<NavigationPanels.Layout.SideMenu>
   <ws:menu>
      <NavigationPanels.sideMenu:View
         keyProperty="id"
         source="{{_menuSource}}"/>
   </ws:menu>
   <ws:view>
      <NavigationPanels.ScrollViewer
         keyProperty="id"
         source="{{_viewSource}}"/>
   </ws:view>
</NavigationPanels.Layout.SideMenu>

Выбранный элемент навигационной панели

Установите опцию selectedKey для отображения выбранного элемента навигационной панели. Подробнее о конфигурации навигационной панели читайте здесь.

<NavigationPanels.Layout.SideMenu bind:selectedKey="_selectedKey">
   <ws:menu>
      <NavigationPanels.sideMenu:View
         keyProperty="id"
         source="{{_menuSource}}"/>
   </ws:menu>
   <ws:view>
      <NavigationPanels.ScrollViewer
         keyProperty="id"
         source="{{_viewSource}}"/>
   </ws:view>
</NavigationPanels.Layout.SideMenu>