Поле поиска PowerApps: как добавить и настроить

В этом руководстве мы поговорим о поле поиска PowerApps и о том, как добавить и настроить его с нуля.

PowerApps — это удобная платформа, на которой пользователи могут создавать свои собственные приложения, даже если у них нет опыта программирования или разработки приложений. Как и любая другая платформа Microsoft, ее сила заключается в системе перетаскивания и интуитивно понятном дизайне.

Это означает, что любой, кто хочет создавать приложения, будь то просто отображение своих данных или повышение производительности своей команды, может легко это сделать.

Мы обсуждали основы создания приложения с нуля в предыдущих руководствах. На этот раз мы сосредоточимся на поле поиска PowerApps.

Оглавление

• Как работает поле поиска PowerApps
• Использование функции поиска
• Создание поля поиска PowerApps с нуля
• Добавление столбцов в поле поиска PowerApps
• Добавление работающего значка поиска и скрытие панели поиска
• Добавление подсказки в строку поиска
• Заключение

Как работает поле поиска PowerApps

Функция поиска позволяет пользователям искать и фильтровать элементы в галерее. Поскольку Power Apps поставляется с шаблонами приложений, в которых уже есть поле поиска, все, что вам нужно сделать, — это подключить источник данных для извлечения элементов, которые будут включены в коллекцию.

При использовании поля поиска нет необходимости вводить целые имена или слова. Ввод первых нескольких букв автоматически отфильтрует элементы и покажет вам записи, которые соответствуют.

Хотя встроенные шаблоны удобны в использовании, мы не можем полагаться на них в 100% случаев. Создание собственного приложения на основе холста необходимо, если вы хотите полностью настроить приложение в соответствии с вашими конкретными потребностями. Это означает, что вам нужно создать собственное поле поиска с нуля.

Использование функции поиска

Давайте воспользуемся этим экраном, который мы создали с нуля в предыдущем уроке. Прямо сейчас мы находимся на экране просмотра клиентов.

Поскольку он содержит галерею элементов, имеет смысл создать здесь поле поиска.

Галерея, отображаемая на этой странице, называется Галерея 2. Если мы посмотрим на свойство Items, то увидим, что мы извлекаем данные из Table1.

Это означает, что когда мы добавляем функцию поиска, она будет искать элементы в таблице Table1 и фильтровать результаты на основе того, что мы вводим.

Итак, давайте узнаем, как работает функция поиска. Переходя к документу Microsoft , описывающему эту функцию, видно, что функция поиска принимает таблицу, строку поиска и столбцы, в которых вы хотите выполнить поиск.

Имея в виду эту формулу, давайте посмотрим, как работает функция поиска в нашем собственном приложении.

Используя свойство Items в Gallery2, воспользуемся функцией поиска в строке формул и сошлемся на Table1, так как это наш основной источник данных.

Для фактической строки поиска давайте найдем имя Элтон.

Затем давайте выполним поиск в столбце FirstName.

Как только мы нажимаем Enter, это дает нам совпадение, соответствующее параметрам поиска, которые мы использовали.

Если мы удалим имя Элтон из строки поиска, он автоматически снова отобразит всю галерею.

Давайте попробуем еще раз поискать имя Корали.

Как только мы нажмем Enter, он снова даст нам совпадение.

Очевидно, мы не ожидаем, что пользователи будут открывать галерею с помощью PowerApps. Это означает, что им придется выполнять поиск из поля поиска, а не из строки формул. Вот тут-то и возникает необходимость создать собственную поисковую строку.

Создание поля поиска PowerApps с нуля

Начнем с добавления ввода текста с помощью кнопки «Текст» под лентой «Вставка».

Как и любой другой элемент, мы можем перетащить это текстовое поле куда угодно. А пока поместим его справа от заголовка экрана.

Поскольку пока это просто текстовое поле, оно не сможет ничего фильтровать, даже если мы введем имя. Для этого нам нужно связать функцию поиска в нашей строке формул с фактическим текстовым полем.

Это означает, что нам нужно добавить элемент TextInput1 в эту формулу.

Для этого вместо места, где мы вводим поисковый запрос, мы будем вводить TextInput1.Text. TextInput1 ссылается на текстовое поле, а Text ссылается на все, что мы вводим в текстовое поле.

Теперь давайте попробуем. Если мы введем здесь поисковый запрос, вы увидите совпадение, даже если мы ввели только первые несколько букв.

Давайте попробуем другое имя и найдем Бруну. Опять же, это показывает нам совпадение.

На этот раз давайте попробуем посмотреть, сможем ли мы выполнить поиск по фамилии. Я наберу Лайлс, это фамилия Бруны.

Как видите, хотя Бруна Лайлс появилась, когда я использовал имя в качестве условия поиска, она не показала совпадений, когда я попытался ввести фамилию. Это потому, что мы еще не ссылались на другие столбцы в нашей формуле.

Добавление столбцов в поле поиска PowerApps

Вернемся к строке формул и добавим LastName. Это также позволит нам выполнять поиск, используя данные в столбце LastName.

Давайте также добавим AgentName. Затем нажмите Enter, чтобы завершить эту формулу.

Теперь мы, наконец, нашли совпадение, если поискать по фамилии, Лайлс.

Добавление работающего значка поиска и скрытие панели поиска

В большинстве приложений у вас есть не только панель поиска. Вы также видите значок поиска. Итак, давайте добавим это на этот экран.

Просто найдите «Поиск» в раскрывающемся списке «Значки» под лентой «Вставка».

Давайте переместим его в правую часть строки поиска.

Затем давайте изменим цвет на белый, чтобы он соответствовал другим элементам.

Теперь, когда у нас есть значок поиска, цель состоит в том, чтобы скрыть панель поиска и сделать так, чтобы она появлялась только при нажатии на значок поиска.

Если мы нажмем на строку поиска и проверим панель свойств справа, она покажет, что видимость включена.

Если мы проверим свойство видимости в раскрывающемся списке свойств, оно покажет, что для видимости установлено значение true.

Если мы установим значение false, текстовое поле исчезнет. Это то, что мы хотим, чтобы произошло.

Не беспокойтесь о ссылке на текстовое поле, если оно больше не отображается. Мы по-прежнему можем сослаться на это, щелкнув имя элемента в списке на левой панели.

Теперь в игру вступают переменные. Мы обсуждали использование переменных в PowerApps в другом руководстве.

Поскольку мы хотим, чтобы что-то происходило каждый раз, когда мы нажимаем на значок поиска; мы собираемся использовать OnSelect.

Мы собираемся использовать переменную с именем UpdateContext.

Чтобы использовать UpdateContext, нам понадобится словарь переменных, заключенный в фигурные скобки. Давайте воспользуемся SearchVisible и установим для него значение true.

Теперь, когда у нас есть переменная, давайте свяжем свойство видимости нашего текстового поля с фактической переменной. Просто щелкните TextInput1, затем установите видимость SearchVisible.

После того, как мы привязали переменную к элементу текстового поля, окно поиска будет отображаться только при нажатии на значок.

С нашими текущими настройками текстовое поле остается на экране даже после того, как вы выполнили поиск. В идеале мы хотим, чтобы это исчезло, как только оно нам больше не понадобится.

Итак, мы вернемся к значку и изменим формулу для OnSelect. На этот раз мы хотим, чтобы при втором щелчке по значку происходило противоположное действие.

Чтобы установить противоположное действие, все, что нам нужно сделать, это добавить восклицательный знак. Поскольку в настоящее время SearchVisible вызывает появление текстового поля,!SearchVisible заставит текстовое поле исчезнуть.

Теперь, если мы щелкнем значок в первый раз, появится окно поиска. Это означает, что свойство видимости становится истинным.

Если мы снова щелкнем значок, видимость станет ложной, а текстовое поле исчезнет.

Добавление подсказки в строку поиска

Поскольку мы настроили панель поиска для фильтрации элементов по имени, фамилии или имени агента, было бы неплохо добавить подсказку, чтобы пользователи знали, какие условия поиска использовать.

Для этого просто выделите строку поиска и перейдите на правую панель. В свойствах введите «Поиск по имени, фамилии или имени агента».

Теперь мы видим эту подсказку в строке поиска, что упрощает пользователям поиск.

Эта подсказка также исчезает, как только пользователь нажимает на строку поиска и начинает печатать.

Введение в Power Apps: определение, функции, функции и важность
Среды Power Apps: правильная настройка элементов приложения
Power Apps Canvas: как создать приложение с нуля

Заключение

Поле поиска PowerApps, безусловно, является одной из вещей, которые вам нужно добавить в свое приложение, особенно если вы работаете с довольно большим объемом данных в своей галерее.

Помните, что самые успешные приложения отдают предпочтение простоте использования и интуитивно понятным элементам управления. Добавление функции поиска определенно соответствует этим требованиям.

Всего наилучшего,

Генри