GridView篩選器按鈕進行收集

Question

我目前有數據綁定功能，可以在集合視圖上顯示所有按鈕。

但是，由於我的收藏列表中有超過24個項目，因此我想在同一頁面上添加四個按鈕（開胃菜，早餐，午餐，晚餐），然后根據我點擊的內容進行過濾。 這樣，我一次只顯示其中一些選擇。

我應該在ViewModel中處理嗎？ 還是應該對網頁瀏覽量負責？

MenuItem類：

public enum type
{
    Appetizer,
    Breakfast,
    Lunch,
    Dinner
};
class MenuItem
{
 //stuff
}

MenuItemsPage：

    public sealed partial class MenuItemsPage : Page
    {
        public MenuItemsPage()
        {
            this.InitializeComponent();       
        }
        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            string tableName = e.Parameter as string;
            this.DataContext = new MenuPageVM(tableName);  //this returns List<MenuItem> 24 items. All 4 types of MenuItems    
        }
    }
}

XAML：

<CollectionViewSource x:Key="MenuItemsCollectionViewSource" Source="{Binding MenuItems}"/>
<GridView   SelectionMode="None" 
            x:Name="menuGrid" ItemsSource="{Binding Mode=OneTime, Source={StaticResource MenuItemsCollectionViewSource}}" Margin="256,113,320,184"
                    ItemTemplate="{StaticResource MenuButtonTemplate}"/>

Answer 1

在視圖模型中保留屬性AllItems。 單擊按鈕后，可以調用視圖模型中的方法進行過濾。

public void Filter(type filterType)
{
    MenuItems.Clear();
    foreach(var item in AllItems)
    {
       if(item.type == filterType)
       {
          MenuItems.Add(item);
       }
    }
}

僅當MenuItems是ObservableCollection時，更改才會反映在UI中。