How to: Filter Data on a Silverlight Screen

Article
03/27/2017

For the latest documentation on Visual Studio 2017, see Visual Studio 2017 Documentation.

You can filter the data that appears in List and Details, Editable Grid, and Search Data screens. For example, you could filter so that only customers who are located in the United States are displayed. To filter data, modify the query of a collection on a screen, or write a custom query and then use it to create a screen.

link to video For a related video demonstration, see How Do I: Sort and Filter Data on a Screen in a LightSwitch Application?.

Modifying the Query of a Screen

List and Details, Editable Grid, and Search Data screens contain collections that are based on queries. For example, a collection that is based on the Customer entity uses this query by default: Select * from Customers. You can customize the conditions of the query. Your changes apply only to the collection on the screen and do not affect the query globally.

To modify the query of a screen collection

On the Screen Members List, next to the collection you want to modify, click Edit Query.
In the Query Designer, modify the query.

For more information, see How to: Design a Query by Using the Query Designer.
When you have finished modifying the query, click the back arrow at the top-left corner of the Query Designer to return to the Screen Designer.

Creating a Screen by Using a Query in the Solution

You can create a List and Details, Editable Grid, or Search Data screen based on a query in your LightSwitch solution.

For more information about how to add a query to your solution, see How to: Add, Remove, and Modify a Query.

For more information about how to design a query, see How to: Design a Query by Using the Query Designer.

To create a screen by using a query in the solution

Create a screen. In the Add New Screen dialog box, for the Screen Data field, select a query. For more information about how to create a screen, see How to: Create a Silverlight Screen.

Only data that meets the conditions that are defined by the query will appear in the screen.

To create a screen by using a query that accepts a parameter

Create a screen. In the Add New Screen dialog box, for the Screen Data field, select a query that accepts a parameter. For more information about how to create a screen, see How to: Create a Silverlight Screen.
Because the query requires a parameter value, the new screen does not appear in the navigation menu of the running application. The screen is displayed when a user provides a value in a field in another screen. You must add that field to the other screen.

In the Screen Designer, in the other screen, click Add Data Item.
In the Add Screen Item dialog box, select Local Property. In the Type list, select a type for the local property.
In the Name box, provide a name for the local property, for example, CityName, and then click OK.
From the Screen Members List, drag the new local property to the Screen Content Tree.
In the Screen Content Tree, right-click the local property and then click Add Button.
In the Add Button dialog box, select New Method and then click OK.
In the Screen Content Tree, right-click the button and then click Edit Execute Code.

In the Code Editor, write code that displays the parameterized query screen. The following example displays the ShowCustomerByCity screen by passing the value of the local property named CityName.

        partial void Button_Execute()
        {
            Application.ShowCustomersByCity(CityName);
        }

        Private Sub Button_Execute()
            Application.ShowCustomersByCity(CityName)
        End Sub