If you are using Silverlight's ListBox control, you can filter the data in a CollectionViewSource object using just a little bit of simple code. For this example, I will be using a simple Product class with two properties, and a list of Product objects using the Generic List class. Try this out by creating a Product class as shown in the following code:
public class Product {
public Product(int id, string name) {
ProductId = id;
ProductName = name;
}
public int ProductId { get; set; }
public string ProductName { get; set; }
}
Create a collection class that initializes a property called DataCollection with some sample data as shown in the code below:
public class Products : List<Product>
{
public Products()
{
InitCollection();
}
public List<Product> DataCollection { get; set; }
List<Product> InitCollection()
{
DataCollection = new List<Product>();
DataCollection.Add(new Product(1, "PDSA Framework"));
DataCollection.Add(new Product(2, "Haystack"));
DataCollection.Add(new Product(3, "Fundamentals of .NET eBook"));
DataCollection.Add(new Product(4, "WPF Fundamentals Video"));
DataCollection.Add(new Product(5, "Fundamentals of ASP.NET Security eBook"));
DataCollection.Add(new Product(6, "Fundamentals of SQL Server eBook"));
DataCollection.Add(new Product(7, "Microsoft VS.NET 2010"));
DataCollection.Add(new Product(8, "Microsoft Silverlight 4"));
return DataCollection;
}
}
The screen shot shown in Figure 1 is a Silverlight page that allows the user to filter the Product data by typing in a value into the text box, then clicking on the Search button.
If the user fills in a partial product name, such as the letter 'F' and then clicks on the Search button, the results are as shown in Figure 2.
You next need to add an XML namespace to your MainPage.xaml so you can reference the Products class.
xmlns:local="clr-namespace:SLFilterData"
The 'local' namespace is the name of the project that you created (in my case 'SLFilterData'). Create a UserControl.Resources section in your Silverlight page that looks like the following:
<UserControl.Resources>
<local:Products x:Key="products" />
<CollectionViewSource x:Key="prodCollection"
Source="{Binding Source={StaticResource products},
Path=DataCollection}">
</CollectionViewSource>
</UserControl.Resources>
The first line of code in the resources section creates an instance of your Products class. The constructor of the Products class calls the InitCollection method which creates the various Product objects and adds them to the DataCollection property of the Products class. Once the Products object is instantiated you now add a CollectionViewSource object in XAML using the Products object as the source of the data to this collection. A CollectionViewSource allows us to perform sorting, grouping and filtering on our collection of Product objects.
Next, you create the search area using a StackPanel, TextBlock, TextBox and a Button control:
<StackPanel Orientation="Horizontal"
Margin="10"
Grid.Row="0">
<TextBlock Text="Enter Partial Name: " />
<TextBox Width="100"
Name="txtName" />
<Button Name="btnSearch"
Content="Search"
Click="btnSearch_Click" />
</StackPanel>
Now add a list box to your XAML page and set the DisplayMemberProperty to be "ProductName" which is the property on the Product class that you wish to display in the list box.
<ListBox Margin="10"
Grid.Row="1"
Name="lstData"
DisplayMemberPath="ProductName"
ItemsSource="{Binding Source={StaticResource collProducts}}" />
Now you can write the code behind for the click event of the Seach button. In the Click event call a method name FilterData that will perform the filtering using CollectionViewSource.
private void FilterData()
{
if (lstData != null)
{
ICollectionView dataView = default(ICollectionView);
dataView = (ICollectionView)lstData.ItemsSource;
dataView.Filter = prod => ((Product)prod).ProductName.ToLower()
.StartsWith(txtName.Text.ToLower());
lstData.ItemsSource = dataView;
}
}
In the FilterData method you create an ICollectView object from the existing ItemsSource property of the list box. When you use a CollectionViewSource object in your XAML, the data is put in the collection as an object that implements the ICollectionView interface. You can then set the Filter property of the collection view to a predicate that will determine the filter on the data. After this is set, you give this new ICollectionView object to the ItemsSource property of the list box and the filter is applied. The new data is then displayed in the list box.
Summary
That's all there is to it. A simple way to allow your users to filter data from a collection with just a few lines of code!
Reasons why you must trust ASPHostPortal.com
Every provider will tell you how they treat their support, uptime, expertise, guarantees, etc., are. Take a close look. What they’re really offering you is nothing close to what ASPHostPortal does. You will be treated with respect and provided the courtesy and service you would expect from a world-class web hosting business.
You’ll have highly trained, skilled professional technical support people ready, willing, and wanting to help you 24 hours a day. Your web hosting account servers are monitored from three monitoring points, with two alert points, every minute, 24 hours a day, 7 days a week, 365 days a year. The followings are the list of other added- benefits you can find when hosting with us:
- DELL Hardware
Dell hardware is engineered to keep critical enterprise applications running around the clock with clustered solutions fully tested and certified by Dell and other leading operating system and application providers.
- Recovery Systems
Recovery becomes easy and seamless with our fully managed backup services. We monitor your server to ensure your data is properly backed up and recoverable so when the time comes, you can easily repair or recover your data.
- Control Panel
We provide one of the most comprehensive customer control panels available. Providing maximum control and ease of use, our Control Panel serves as the central management point for your ASPHostPortal account. You’ll use a flexible, powerful hosting control panel that will give you direct control over your web hosting account. Our control panel and systems configuration is fully automated and this means your settings are configured automatically and instantly.
- Excellent Expertise in Technology
The reason we can provide you with a great amount of power, flexibility, and simplicity at such a discounted price is due to incredible efficiencies within our business. We have not just been providing hosting for many clients for years, we have also been researching, developing, and innovating every aspect of our operations, systems, procedures, strategy, management, and teams. Our operations are based on a continual improvement program where we review thousands of systems, operational and management metrics in real-time, to fine-tune every aspect of our operation and activities. We continually train and retrain all people in our teams. We provide all people in our teams with the time, space, and inspiration to research, understand, and explore the Internet in search of greater knowledge. We do this while providing you with the best hosting services for the lowest possible price.
- Data Center
ASPHostPortal modular Tier-3 data center was specifically designed to be a world-class web hosting facility totally dedicated to uncompromised performance and security
- Monitoring Services
From the moment your server is connected to our network it is monitored for connectivity, disk, memory and CPU utilization – as well as hardware failures. Our engineers are alerted to potential issues before they become critical.
- Network
ASPHostPortal has architected its network like no other hosting company. Every facet of our network infrastructure scales to gigabit speeds with no single point of failure.
- Security
Network security and the security of your server are ASPHostPortal’s top priorities. Our security team is constantly monitoring the entire network for unusual or suspicious behavior so that when it is detected we can address the issue before our network or your server is affected.
- Support Services
Engineers staff our data center 24 hours a day, 7 days a week, 365 days a year to manage the network infrastructure and oversee top-of-the-line servers that host our clients’ critical sites and services.