Отображение списка элементов в Power AppsShow a list of items in Power Apps

Чтобы отобразить список элементов из любого источника данных, добавьте в приложение на основе холста элемент управления Коллекция .Show a list of items from any data source by adding a Gallery control to your canvas app. В этой статье в качестве источника данных используется Excel.This topic uses Excel as the data source. Чтобы отфильтровать список, настройте элемент управления Коллекция таким образом, чтобы в нем отображались только элементы, соответствующие определенному условию, которое задается в поле для ввода текста .Filter the list by configuring the Gallery control to show only those items that match the filter criterion in a Text input control.

Технические условияPrerequisites

  1. На вкладке Вставка выберите коллекция, а затем щелкните по вертикали.On the Insert tab, select Gallery, and then select Vertical.

    Добавить вертикальную галерею

  2. На вкладке Свойства правой панели откройте список элементы и выберите Flooring оценки.On the Properties tab of the right-hand pane, open the Items list, and then select Flooring Estimates.

    Flooring оценки

  3. используемых В списке Макет выберите другой параметр.(optional) In the Layout list, select a different option.

  1. На вкладке Главная выберите Новый экран > списка.On the Home tab, select New screen > List screen.

    Появится экран, содержащий элемент управления " Галерея " и другие элементы управления, например панель поиска.A screen that contains a Gallery control and other controls, such as a search bar, appears.

  2. Присвойте свойству Items коллекции значение FlooringEstimates.Set the gallery's Items property to FlooringEstimates.

    В элементе управления Коллекция отобразятся демонстрационные данные.The Gallery control shows the sample data.

    Показ данных

Прежде чем выполнять настройку, убедитесь, что макет для элемента управления галереи наиболее точно соответствует тому, что вам нужно.Before you do any other customization, ensure that the layout for your Gallery control most closely matches what you want. После этого можно изменить шаблон коллекции , который определяет, как отображаются все данные в элементе управления " коллекция ".From there, you can further modify the Gallery template, which determines how all data in the Gallery control appears.

  1. Выберите шаблон, щелкнув в нижней части элемента управления галереи и выбрав значок карандаша в левом верхнем углу.Select the template by clicking or tapping near the bottom of the Gallery control and then selecting the pencil icon in its upper-left corner.

    Изменение шаблона коллекции

  2. Выбрав шаблон, добавьте элемент управления Метка , а затем переместите и измените его размер таким образом, чтобы он не накладывался на другие элементы управления.With the template still selected, add a Label control, and then move and resize it so that it doesn't overlap with other controls in the template.

    Добавление метки

  3. Выберите коллекцию, а затем щелкните изменить рядом с полями на вкладке Свойства правой панели.Select the gallery, and then select Edit next to Fields on the Properties tab of the right-hand pane.

  4. Выберите метку, добавленную ранее в этой процедуре, и откройте выделенный список на панели Данные.Select the label that you added earlier in this procedure, and then open the highlighted list in the Data pane.

    Открытие раскрывающегося списка

  5. В этом списке выберите Цена.In that list, click or tap Price.

    В элементе управления Коллекция отобразятся новые значения.The Gallery control shows the new values.

    Окончательная версия коллекции

Набор элементов, которые отображаются в элементе управления Коллекция , определяется его свойством Items.The Items property of a Gallery control determines which items it shows. В этой процедуре вы настроите это свойство, чтобы оно также определило, какие записи будут отображаться на основе условий фильтра и порядка.In this procedure, you configure that property so that it also determines which records appear based on filter criteria and in what order.

Поле поиска и значок сортировки

  1. Задайте для свойства Items элемента управления Коллекция следующую формулу:Set the Items property of the Gallery control to this formula:

    Sort
        (If
            (IsBlank(TextSearchBox1.Text);
            FlooringEstimates;
            Filter(
                FlooringEstimates;
                TextSearchBox1.Text in Text(Name)
            )
        );
        Name;
        If(
            SortDescending1;
            SortOrder.Descending;
            SortOrder.Ascending
        )
    )
    

    Дополнительные сведения о других функциях см. в справочнике по формулам.For more information about the functions in this formula, see the formula reference.

  2. Дважды щелкните поле поиска, а затем введите часть или все название продукта.Double-click the search box, and then type part or all of a product name in it.

    Отображаются только те элементы, которые соответствуют критерию фильтра.Only those items that meet the filter criterion appear.

  3. Удерживая нажатой клавишу Alt, выберите значок сортировки один или несколько раз, чтобы изменить порядок сортировки.While pressing the Alt key, select the sort icon one or more times to switch the sort order.

    Записи переключаются между сортировкой по возрастанию и убыванию в алфавитном порядке на основе названия продукта.The records toggle between ascending and descending alphabetical order based on the product name.

Выделение выбранного элементаHighlight the selected item

Задайте для свойства темплатефилл элемента управления галереи формулу, похожую на этот пример, но при необходимости можно указать другие цвета:Set the Gallery control's TemplateFill property to a formula that's similar to this example, but you can specify different colors if you want:

If(ThisItem.IsSelected; LightCyan; White)If(ThisItem.IsSelected; LightCyan; White)

Изменение выбора по умолчаниюChange the default selection

Задайте для свойства Default элемента управления Коллекция запись, которую необходимо выбирать по умолчанию.Set the Gallery control's Default property to the record that you want to select by default. Например, можно указать Пятый элемент в источнике данных флуринжестиматес :For example, you can specify the fifth item in the FlooringEstimates data source:

Last(FirstN(FlooringEstimates; 5))Last(FirstN(FlooringEstimates; 5))

В этом примере укажите первый элемент в категории Hardwood источника данных FlooringEstimates:In this example, you specify the first item in the Hardwood category of the FlooringEstimates data source:

First(Filter(FlooringEstimates; Category = "Hardwood"))First(Filter(FlooringEstimates; Category = "Hardwood"))

Дальнейшие действияNext steps

Дополнительные сведения см. в статье Общие сведения о формах данных в Microsoft PowerApps и Начало работы с формулами.Learn how to work with forms and formulas.