Xamarin多选页面SearchBar失效求助：ObservableCollection绑定后搜索无响应

Hey there, let's figure out why your SearchBar isn't working with your ObservableCollection of wrapped items. From the code snippet you shared, the ViewCell setup looks okay (though I notice your Email binding cuts off at Item.Email...—make sure that's a full, correct path like Item.Email first!), but the missing piece is almost certainly the search filtering logic tied to the SearchBar.

Here's how to fix this step by step:

1. Maintain Two Collections in Your ViewModel #

You need to keep track of both your full, original dataset and a filtered subset that updates with search input. This way you don't lose data when clearing filters:

public ObservableCollection<WrappedItem> OriginalItems { get; private set; }
public ObservableCollection<WrappedItem> FilteredItems { get; private set; }

// Initialize them in your ViewModel constructor
public YourViewModel()
{
    OriginalItems = new ObservableCollection<WrappedItem>(/* your full data source */);
    FilteredItems = new ObservableCollection<WrappedItem>(OriginalItems);
}

2. Hook Up the SearchBar to Filter Logic #

You can do this either via code-behind (quick and simple) or MVVM (cleaner for larger apps):

Option A: Code-Behind Event Handling

In your page's constructor or XAML code-behind, attach a TextChanged event to your SearchBar:

// Assuming you have a reference to your SearchBar (e.g., from XAML x:Name="SearchBar")
SearchBar.TextChanged += OnSearchTextChanged;

private void OnSearchTextChanged(object sender, TextChangedEventArgs e)
{
    var searchQuery = e.NewTextValue?.Trim().ToLower() ?? string.Empty;
    
    FilteredItems.Clear();
    
    foreach (var item in OriginalItems)
    {
        // Check if the item's Title or Email matches the search query
        if (item.Item.Title.ToLower().Contains(searchQuery) || 
            item.Item.Email.ToLower().Contains(searchQuery))
        {
            FilteredItems.Add(item);
        }
    }
}

Option B: MVVM Binding (Recommended)

Bind the SearchBar's Text property to a SearchText property in your ViewModel, then trigger filtering when the property changes:

private string _searchText;
public string SearchText
{
    get => _searchText;
    set
    {
        _searchText = value;
        OnPropertyChanged(nameof(SearchText)); // Make sure your ViewModel implements INotifyPropertyChanged
        FilterItems();
    }
}

private void FilterItems()
{
    var searchQuery = _searchText?.Trim().ToLower() ?? string.Empty;
    
    var filteredResults = OriginalItems
        .Where(item => item.Item.Title.ToLower().Contains(searchQuery) || 
                       item.Item.Email.ToLower().Contains(searchQuery))
        .ToList();
    
    FilteredItems.Clear();
    foreach (var item in filteredResults)
    {
        FilteredItems.Add(item);
    }
}

3. Update Your ListView Binding #

Make sure your ListView's ItemsSource is bound to FilteredItems (not OriginalItems), so the filtered results show up as the user types:

<ListView ItemsSource="{Binding FilteredItems}">
    <!-- Your ViewCell template here -->
</ListView>

Quick Checks to Rule Out Other Issues #

• Double-check that your WrappedItem class has a public Item property with valid Title and Email properties (no typos in binding paths!).
• Ensure your ViewModel is correctly set as the page's BindingContext.

That should get your search functionality working as expected!

内容的提问来源于stack exchange，提问作者Dmitry