levis/help365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

push ru help
All checks were successful
Deploy Static Site / deploy (push) Successful in 6m55s
Details

Browse Source
This commit is contained in:
koziavin
2025-05-28 05:24:40 +04:00
parent 0113fb8289
commit 041abbbd24
4459 changed files with 121310 additions and 86248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

163
platform/eql-search-widget.html
View File

@ -1,19 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<html lang="ru">
<head>
<title>EQL search widget</title>
<title>Виджет «EQL-поиск»</title>
<meta name="generator" content="Help+Manual" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The EQL search widget is placed on app forms and pages and enables search queries in EQL365 (BRIX Query Language). Users will be able to apply operations and functions of the..." />
<meta name="description" content="Виджет EQL-поиск размещается на формах приложений и страницах и позволяет осуществлять поисковые запросы на языке EQL365 (ELMA365 Query&nbsp;Language). Пользователи смогут применять..." />
<meta name="picture" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Full documentation for BRIX365 platform. Low-code developer guide. User guide. Admin guide. Developer guide." />
<meta property="og:url" content="https://brix365.com/en/help" />
<meta property="og:image" content="" />
<meta property="og:title" content="Cправка по Low-code платформе ELMA365" />
<meta property="og:url" content="https://elma365.com/ru/help" />
<meta property="og:image" content="" />
<meta property="og:site_name" content="ELMA365" />
<link rel="icon" href="favicon.png" type="image/png" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
@ -23,6 +24,7 @@
<link rel="stylesheet" href="./article.css" />
<link rel="stylesheet" href="./glossary.css" />
<link rel="stylesheet" href="./theme.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
@ -34,16 +36,16 @@
</head>
<body>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M6ETBEC1R9"></script><script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'G-M6ETBEC1R9');</script>
<script>!function(e,t,c,n,r,a,m){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date;for(var s=0;s<document.scripts.length;s++)if(document.scripts[s].src===n)return;a=t.createElement(c),m=t.getElementsByTagName(c)[0],a.async=1,a.src=n,m.parentNode.insertBefore(a,m)}(window,document,"script","https://mc.yandex.ru/metrika/tag.js"),ym(83179930,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})</script><noscript><div><img alt=""src=https://mc.yandex.ru/watch/83179930 style=position:absolute;left:-9999px></div></noscript>
<header class="header elma-365">
<div class="container">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-en.svg" alt="header logo">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo.svg" alt="header logo">
</a>
<!-- <div class="hero__search-form" id="search-panel">
<form class="search-form" onsubmit="ym(83180416,'reachGoal','poisk')">
<form class="search-form" onsubmit="ym(83179930,'reachGoal','poisk')">
<label class="search-form__label">
<span id="reset-search" class="search__icon"></span>
<input class="search-form__input" type="text">
@ -63,7 +65,7 @@
</div>
<div class="header__navi">
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a class="project-link" href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://brix365.com/en/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li><li><a class="project-link" href="https://brix365.com/en/help/business_solutions/-elma365-store.html">Business Solutions</a></li></ul></span></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li><li><a href="https://tssdk.brix365.com/" target="_blank">SDK</a></li></ul>
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a class="project-link" href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li><li><a class="project-link" href="https://elma365.com/ru/help/business_solutions/-elma365-store.html">Бизнес-решения</a></li></ul></span></li><li><a href="https://api.elma365.com/ru/"target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/"target="_blank">SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/" target="_blank">Академия</a></li><li><a href="https://elma365.com/ru/" target="_blank">Сайт ELMA365</a></li></ul>
</div>
@ -78,8 +80,8 @@
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-light-en.svg">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo-light.svg">
</a>
<span class="sidebar__close elma-365-close" id="close"></span>
</div>
@ -92,15 +94,15 @@
<div class="article-inner">
<div class="content">
<header class="article__header">
<div class="article__bread" style="display:flex; gap:10px;">
<div class="article__bread" style="display:flex; gap:10px;">
<span id="subcategory" class="search-res__item-category search-res__item-category_subcategory subcategory article__badge"></span>
<div class="topic__breadcrumbs">
<p>Low-code designer &gt; <a href="interface_settings.html">Set up interfaces</a> &gt; Widget types &gt; Data widgets / EQL search widget</p>
<p>Low-code дизайнер &gt; <a href="interface_settings.html">Создание интерфейсов</a> &gt; Типы виджетов &gt; Виджеты для работы с данными / Виджет «EQL-поиск»</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">EQL search widget</span></h1>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Виджет «EQL-поиск»</span></h1>
</div>
</header>
@ -109,44 +111,44 @@
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p style="line-height: 1.20; margin: 7px 0 7px 0;">The <span style="font-weight: bold;">EQL search</span> widget is placed on app forms and pages and enables <span style="color: #0000ff;"><a href="eql365-search.html" class="topiclink">search queries in EQL365</a></span> (BRIX Query Language). Users will be able to apply operations and functions of the developed syntax, set complex data selection with multiple conditions, and search by parameters of any app of the system.</p>
<h2 class="p_Heading2"><span class="f_Heading2">Configure EQL search using a widget</span></h2>
<p style="text-align: justify; line-height: 1.20; margin: 7px 0 7px 0;">The <span style="font-weight: bold;">EQL search</span> widget is a search bar where users specify an EQL query. The query is searched using a script that is created in the interface designer. The user runs it on a page or form, for example, by clicking on a customized button. The search result is displayed in a special added variable.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Let<span style="color: #202122; background-color: #ffffff;">’</span>s take a closer look at setting up an EQL search in a widget. For example, let<span style="color: #202122; background-color: #ffffff;">’</span>s place the widget on a separate <span style="font-weight: bold;">Deal Conversion</span> page, where the chart of item status change is displayed. Let’s configure the search on the page by the parameters of the <span style="font-weight: bold;">Deals</span> app.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="eql-search-widget-1" width="692" height="414" style="margin:0;width:692px;height:414px;border:none" src="eql-search-widget-1.png"/></p>
<h3 class="p_Heading3"><span class="f_Heading3">Step 1. Add context variables</span></h3>
<p style="text-align: justify; line-height: 1.20; margin: 7px 0 7px 0;">To configure the <span style="font-weight: bold;">EQL search</span> widget, create special context variables in the interface designer. They are used for mapping to the widget settings, as well as for displaying search results.</p>
<p style="background: #ffffff; margin: 10px 0 0 0;">Виджет <span style="font-weight: bold;">EQL-поиск</span> размещается на формах приложений и страницах и позволяет осуществлять <a href="eql365-search.html" class="topiclink">поисковые запросы на языке EQL365</a> (ELMA365 Query Language). Пользователи смогут применять операции и функции разработанного синтаксиса, задавать сложную выборку данных с множеством условий и выполнять поиск по параметрам любого приложения системы.</p>
<h2 class="p_Heading2"><a id="widget-settings" class="hmanchor"></a><span class="f_Heading2">Настройка EQL-поиска при помощи виджета</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Виджет <span style="font-weight: bold;">EQL-поиск</span> представляет собой строку поиска, в которой пользователи указывают EQL-запрос. Поиск по запросу осуществляется при помощи скрипта, который создаётся в дизайнере интерфейсов. Пользователь запускает его на странице или форме, например, при нажатии на настроенную кнопку. Результат поиска выводится в специальной добавленной переменной.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Рассмотрим подробнее настройку EQL-поиска в виджете. Для примера разместим виджет на отдельной странице <span style="font-weight: bold;">Конверсия сделок</span>, где отображается график перехода элементов по их статусам. Настроим поиск на странице по параметрам приложения <span style="font-weight: bold;">Сделки</span>.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="eql-search-widget-1" width="1115" height="608" style="margin:0;width:1115px;height:608px;border:none" src="eql-search-widget-1.png"/></p>
<h3 class="p_Heading3"><a id="step-1-context" class="hmanchor"></a><span class="f_Heading3">Шаг 1. Добавление контекстных переменных</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Чтобы настроить виджет <span style="font-weight: bold;">EQL-поиск</span>, в дизайнере интерфейсов создайте специальные контекстные переменные. Они используются для сопоставления с настройками виджета, а также для отображения результатов поиска.</p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">In the interface designer, go to the <span style="font-weight: bold;">Context</span> tab.</li><li value="2" style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">Add properties. The names and codes of the variables are given for example. The data types must be the same as those specified:</li></ol>
<p style="line-height: 1.20; margin: 8px 0 8px 34px;"><img alt="eql-search-widget-2" width="715" height="235" style="margin:0;width:715px;height:235px;border:none" src="eql-search-widget-2.png"/></p>
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">В дизайнере интерфейсов перейдите на вкладку <span style="font-weight: bold;">Контекст</span>. </li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Добавьте свойства. Названия и коды переменных приведены для примера. Типы данных должны совпадать с указанными:</li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 36px;"><img alt="eql-search-widget-2" width="842" height="288" style="margin:0;width:842px;height:288px;border:none" src="eql-search-widget-2.png"/></p>
<ul style="list-style-type:disc">
<li style="text-align: justify; line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">EQL query string</span> (<code><b>eql</b></code>). <span style="color: #0000ff;"><a href="360009707032.html#string" class="topiclink">String</a></span> type property. It is specified in the widget settings and is used to enter EQL query.</li><li style="text-align: justify; line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">EQL search parameters </span>(<code><b>parameters</b></code>). <span style="color: #0000ff;"><a href="360009707032.html#arbitrary-type" class="topiclink">Arbitrary type</a></span> property. It is specified in the widget settings and used to pass the request from the widget to the script that processes it.</li><li style="text-align: justify; line-height: 1.20; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">EQL search result </span>(<code><b>appItems</b></code>). <span style="color: #0000ff;"><a href="360009707032.html#app" class="topiclink">App (Many)</a></span> type property specifying the app whose parameters will be searched. In our example, we use the <span style="font-weight: bold;">Deals</span> app. The property is added to the modeling canvas to display all items that match the conditions of the EQL query entered by the user.</li></ul>
<h3 class="p_Heading3"><span class="f_Heading3">Step 2. Place and configure the EQL search widget</span></h3>
<p style="line-height: 1.20; margin: 7px 0 7px 0;">The next step is to configure the EQL search widget. To do this:</p>
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Строка EQL-запроса</span> (<code><b>eql</b></code>) — свойство с типом <a href="360009707032.html#string" class="topiclink">Строка</a>. Указывается в настройках виджета и используется для ввода EQL-запроса;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Параметры EQL-поиска</span> (<code><b>parameters</b></code>) — свойство <a href="360009707032.html#any" class="topiclink">Произвольный тип</a>. Указывается в настройках виджета. Используется для передачи составленного запроса из виджета в скрипте его обработки;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Результат EQL-поиска</span> (<code><b>appItems</b></code>) — свойство типа <a href="360009707032.html#app" class="topiclink">Приложение (несколько)</a> с указанием приложения, по параметрам которого будет осуществляться поиск. В нашем примере используется приложение <span style="font-weight: bold;">Сделки</span>. Свойство добавляется на поле для моделирования для отображения всех элементов, совпадающих с условиями введённого пользователем EQL-запроса. &nbsp;</li></ul>
<h3 class="p_Heading3"><a id="step-2-widget" class="hmanchor"></a><span class="f_Heading3">Шаг 2. Размещение и настройка виджета EQL-поиск</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">На следующем этапе настройте виджет EQL-поиск. Для этого:</p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">Go to the <span style="font-weight: bold;">Template</span> tab and drag the widget from the right panel of the interface designer to the canvas where you want to place the search bar.</li><li value="2" style="line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">In the opened window, on the <span style="font-weight: bold;">Main</span> tab, specify the widget settings:</li></ol>
<p style="line-height: 1.20; margin: 8px 0 8px 34px;"><img alt="eql-search-widget-3" width="526" height="291" style="margin:0;width:526px;height:291px;border:none" src="eql-search-widget-3.png"/></p>
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Перейдите на вкладку <span style="font-weight: bold;">Шаблон</span> и перетащите виджет с правой панели дизайнера интерфейсов в ту область поля для моделирования, где хотите разместить строку поиска.</li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">В открывшемся окне на вкладке <span style="font-weight: bold;">Основные</span> укажите настройки виджета:</li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 36px;"><img alt="eql-search-widget-3" width="550" height="349" style="margin:0;width:550px;height:349px;border:none" src="eql-search-widget-3.png"/></p>
<ul style="list-style-type:disc">
<li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold;">EQL string</span>. Map the option to the variable of the <span style="font-weight: bold;">String</span> type added in step 1. Click <span style="font-weight: bold;">&lt;Not defined&gt;</span> and select a property from the list. In our example, it is <span style="font-weight: bold;">EQL query string</span>.</li><li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold;">EQL parameters</span>. Map the option to the <span style="font-weight: bold;">Arbitrary type</span> variable added in step 1. Click <span style="font-weight: bold;">&lt;Not defined&gt;</span> and select a property from the list, such as <span style="font-weight: bold;">EQL</span> <span style="font-weight: bold;">search parameters</span>.</li><li style="text-align: justify; line-height: 1.20; margin-top: 7px; margin-right: 0; margin-bottom: 7px;"><span style="font-weight: bold;">App</span><span style="font-weight: bold; color: #ff0000;">*</span>. Select the app whose the parameters will be searched based the conditions of the specified EQL queries. In our example, it is the <span style="font-weight: bold;">Deals</span> app.</li></ul>
<ol style="list-style-type:decimal" start="3">
<li value="3" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">On the <span style="font-weight: bold;">Events</span> and <span style="font-weight: bold;">System</span> tabs, you can set system settings that are the same for all widgets. They allow you to control widget visibility and access, customize hover behavior, etc. Read more about it in the <span style="color: #0000ff;"><a href="common_widget_settings.html" class="topiclink">System widget settings</a></span> article.</li><li value="4" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">Save the parameters set in the widget.</li></ol>
<h3 class="p_Heading3"><span class="f_Heading3">Step 3. Set up the EQL query processing script</span></h3>
<p style="text-align: justify; line-height: 1.20; margin: 0 0 11px 0;">The search by the EQL query composed by the user is performed using a script. You need to prepare its execution and processing in the interface designer. For example, users can click on a button to load an EQL query and view the search results.</p>
<p style="text-align: justify; line-height: 1.20; margin: 0 0 11px 0;">To set this up, follow the steps below:</p>
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Строка EQL</span> — сопоставьте опцию с переменной типа <span style="font-weight: bold;">Строка</span>, добавленной на шаге 1. Нажмите <span style="font-weight: bold;">&lt;Не установлено&gt;</span> и выберите свойство из списка. В нашем примере — это <span style="font-weight: bold;">Строка EQL-запроса</span>;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Параметры EQL</span> — сопоставьте опцию с переменной <span style="font-weight: bold;">Произвольный тип</span>, добавленной на шаге 1. Нажмите <span style="font-weight: bold;">&lt;Не установлено&gt;</span> и выберите свойство из списка, например <span style="font-weight: bold;">Параметры EQL-поиска</span>;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-weight: bold;">Приложение</span><span style="font-weight: bold; color: #ff0000;">*</span> — выберите приложение, по параметрам которого будет выполняться поиск с учётом условий составленных EQL-запросов. В нашем примере — приложение <span style="font-weight: bold;">Сделки</span>.</li></ul>
<ol style="list-style-type:decimal">
<li value="1" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">On the <span style="font-weight: bold;">Widgets</span> tab on the right panel of the interface designer, find the <span style="color: #0000ff;"><a href="button_widget.html" class="topiclink">Button</a></span> widget. Drag it to the canvas, for example, place the button under the EQL search bar.</li><li value="2" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">In the opened window, customize the display of the button and set its name, for example, <span style="font-weight: bold;">Search</span>.</li><li value="3" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">In the <span style="font-weight: bold;">Executed script</span> field, click <span style="font-weight: bold;">New</span> and specify the name of the script that will be run when the button is clicked, for example, <span style="font-weight: bold;">Click</span>.</li><li value="4" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">Click the <span style="font-weight: bold;">Open</span> button that appears in the field to go to the <span style="font-weight: bold;">Scripts </span>tab and specify the following command:</li></ol>
<p class="p_CodeExample" style="white-space: normal; page-break-inside: avoid;"><span class="f_CodeExample">async</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">function</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">Click</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">():</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">Promise&lt;</span><span class="f_CodeExample" style="font-weight: bold;">void</span><span class="f_CodeExample">&gt;</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">{</span><br />
<span class="f_CodeExample"> </span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample"> Context.data.appItems</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">=</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">await</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">Context.fields.appItems.app.search().where(Context.data.eql!,</span><span class="f_CodeExample" style="color: #ffffff;"> </span><span class="f_CodeExample">Context.data.parameters).all();</span><br />
<li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">На вкладках <span style="font-weight: bold;">События</span> и <span style="font-weight: bold;">Системные</span> вы можете задать системные настройки, одинаковые для всех виджетов. Они позволяют управлять видимостью и доступом виджета, настраивать поведение при наведении курсора и т. д. Подробнее об этом читайте в статье <a href="common_widget_settings.html" class="topiclink">«Системные настройки виджетов»</a></li><li value="4" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Сохраните заданные в виджете параметры.</li></ol>
<h3 class="p_Heading3"><a id="step-3-script" class="hmanchor"></a><span class="f_Heading3">Шаг 3. Настройка скрипта обработки EQL-запроса</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Поиск по составленному пользователем EQL-запросу должен осуществляться с помощью скрипта. В дизайнере интерфейсов необходимо предусмотреть его запуск и обработку. Например, пользователи могут нажимать на кнопку, чтобы загрузить EQL-запрос и просмотреть результаты поиска. </p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Чтобы это настроить, выполните следующие действия: </p>
<ol style="list-style-type:decimal">
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">На вкладке <span style="font-weight: bold;">Виджеты</span> на правой панели дизайнера интерфейсов найдите виджет <a href="button_widget.html" class="topiclink">Кнопка</a>. Перетащите его на поле для моделирования, например, разместите кнопку под строкой EQL-поиска. </li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">В открывшемся окне настройте отображение кнопки и задайте её название, например, <span style="font-weight: bold;">Поиск</span>.</li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">В поле <span style="font-weight: bold;">Выполняемый скрипт</span> нажмите <span style="font-weight: bold;">Создать</span> и укажите название скрипта, который будет запускаться при нажатии на кнопку, например, <span style="font-weight: bold;">Click</span>;</li><li value="4" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Нажмите на появившуюся в поле кнопку <span style="font-weight: bold;">Открыть</span>, чтобы перейти на вкладку <span style="font-weight: bold;">Скрипты </span>и задать следующую команду:</li></ol>
<p class="p_CodeExample" style="white-space: normal; page-break-inside: avoid; page-break-after: avoid;"><span class="f_CodeExample">async function Click (): Promise&lt;void&gt; {</span><br />
<span class="f_CodeExample"> &nbsp; &nbsp;Context.data.appItems = await Context.fields.appItems.app.search().where(Context.data.eql!, Context.data.parameters).all();</span><br />
<span class="f_CodeExample">}</span></p>
<h3 class="p_Heading3"><span class="f_Heading3">Step 4. Customize the search result display</span></h3>
<p style="text-align: justify; line-height: 1.20; margin: 7px 0 7px 0;">According to the specified script, the app items found by the EQL query are written to the <span style="font-weight: bold;">EQL search result</span> variable created in step 1. It can be used in the interface designer. For example, let’s display the search result on the page. To do this:</p>
<h3 class="p_Heading3"><a id="step-4-viewing" class="hmanchor"></a><span class="f_Heading3">Шаг 4. Настройка отображения результата поиска</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Согласно заданному скрипту найденные по EQL-запросу элементы приложения записываются в переменную <span style="font-weight: bold;">Результат EQL-поиска</span>, созданную на шаге 1. Её можно использовать в дизайнере интерфейсов. Например, отобразим результат поиска на странице. Для этого:</p>
<ol style="list-style-type:decimal">
<li value="1" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">Click the <span style="font-weight: bold;">Template</span> tab and on the right panel, click <span style="font-weight: bold;">Properties</span>.</li><li value="2" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">Drag and drop the <span style="font-weight: bold;">EQL search result</span> property onto the canvas. For example, place it under the created <span style="font-weight: bold;">Search</span> button.</li><li value="3" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">In the settings window that opens, in the <span style="font-weight: bold;">Read only </span>field, check <span style="font-weight: bold;">Yes</span> to allow users to only view the items displayed in the property.</li><li value="4" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">Set other settings. For example, enable the <span style="font-weight: bold;">Hide if the field is empty</span> option to show the field with the found items only after the EQL query is processed.</li><li value="5" style="text-align: justify; line-height: 1.20; margin-top: 8px; margin-right: 0; margin-bottom: 8px;">Save the specified settings.</li></ol>
<h3 class="p_Heading3"><span class="f_Heading3">Step 5. Publish the configured interface</span></h3>
<p style="text-align: justify; line-height: 1.20; margin: 0 0 11px 0;">The page settings in the interface designer for our example page might look like this:</p>
<p style="text-align: justify; line-height: 1.20; margin: 0 0 11px 0;"><img alt="eql-search-widget-4" width="758" height="493" style="margin:0;width:758px;height:493px;border:none" src="eql-search-widget-4.png"/></p>
<p style="line-height: 1.20; margin: 7px 0 7px 0;">To make the page available to users, click <span style="font-weight: bold;">Save</span> and <span style="font-weight: bold;">Publish </span>in the top panel of the interface designer.</p>
<p style="line-height: 1.20; margin: 7px 0 7px 0;">Users can now use EQL search to search for items in the <span style="font-weight: bold;">Deals</span> app.</p>
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Перейдите на вкладку <span style="font-weight: bold;">Шаблон</span> и на правой боковой панели нажмите <span style="font-weight: bold;">Свойства</span>.</li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Перетащите свойство <span style="font-weight: bold;">Результат EQL-поиска</span> на поле для моделирования. Например, разместите его под настроенной кнопкой <span style="font-weight: bold;">Поиск</span>.</li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">В открывшемся окне настроек в поле <span style="font-weight: bold;">Только для чтения</span> отметьте <span style="font-weight: bold;">Да</span>, чтобы пользователи могли только просматривать отображаемые в свойстве элементы. </li><li value="4" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Задайте другие настройки строки формы. Например, включите опцию <span style="font-weight: bold;">Скрывать, если не заполнено</span>, чтобы показывать поле с найденными элементами только после обработки EQL-запроса.</li><li value="5" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Сохраните заданные параметры.</li></ol>
<h3 class="p_Heading3"><a id="step-5-publish" class="hmanchor"></a><span class="f_Heading3">Шаг 5. Публикация настроенного интерфейса</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Настройки страницы в дизайнере интерфейсов для нашего примера могут выглядеть следующим образом:</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="eql-search-widget-4" width="1144" height="698" style="margin:0;width:1144px;height:698px;border:none" src="eql-search-widget-4.png"/></p>
<p style="margin: 0 0 11px 0;">Чтобы страница стала доступна пользователям, нажмите <span style="font-weight: bold;">Сохранить</span> и <span style="font-weight: bold;">Опубликовать </span>на верхней панели дизайнера интерфейсов.</p>
<p style="margin: 0 0 11px 0;">Теперь пользователи могут использовать EQL-поиск, чтобы искать элементы приложения <span style="font-weight: bold;">Сделки</span>. </p>
<div class="bottom-nav">
@ -163,7 +165,7 @@
</div>
<!-- добавляет на страницу строку блок Была ли статья полезной? -->
<div class="feedback" id="feedback"><div class="feedback-help"><span><b>Was this helpful?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx" style="display: none;">Thanks for your feedback!</div><div class="feedback__popup" id="feedback__popup_why" style="display: none;"><div class="feedback__popup-header">Please specify why:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Recommendations did not help me</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Article is hard to understand</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Didn`t answer my question</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Content does not match the topic</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Other</label></div><div class="feedback__popup" id="feedback__popup-other" style="display: none;"><div class="feedback__popup-header">How we can improve it?</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Submit"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg" class="small-img" alt="like"><spanclass="feedback-form__btn-group_yes-btn">Yes</spanclass="feedback-form__btn-group_yes-btn"></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg" class="small-img" alt="dislike"><spanclass="feedback-form__btn-group_no-btn">No</spanclass="feedback-form__btn-group_no-btn"></label></div><select name="category"><option disabled="">Please specify why</option><option value="bad_recommendation" selected="">Recommendations did not help me</option><option value="difficult_text">Article is hard to understand</option><option value="no_answer">Didn`t answer my question</option><option value="bad_header">Content does not match the topic</option><option value="other_reason">Other</option></select><input type="submit"></form></div><div class="found_typo"><p style="margin: 0px; margin-top: 16px !important;"><span><b>Found a typo?</b></span> Select it and press <i>Ctrl+Enter</i> to send us feedback</p></div></div>
<div class="feedback-wrap"><div class="feedback" id="feedback"><span><b>Была ли статья полезной?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx">Спасибо за ваш отзыв!</div><div id="feedback-success-popup"><div class="wrap"><button type="button" class="feedback-popup-close">×</button><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_212_2187)"><path d="M22 0.6875C10.2294 0.6875 0.6875 10.2294 0.6875 22C0.6875 33.7706 10.2294 43.3125 22 43.3125C33.7706 43.3125 43.3125 33.7706 43.3125 22C43.3125 10.2294 33.7706 0.6875 22 0.6875ZM22 40.5625C11.8023 40.5625 3.4375 32.3078 3.4375 22C3.4375 11.8024 11.6922 3.4375 22 3.4375C32.1977 3.4375 40.5625 11.6922 40.5625 22C40.5625 32.1976 32.3078 40.5625 22 40.5625ZM34.1713 16.933L18.6613 32.3186C18.257 32.7197 17.604 32.7171 17.203 32.3128L9.82283 24.873C9.42176 24.4686 9.42434 23.8157 9.82867 23.4146L10.5609 22.6884C10.9652 22.2873 11.6181 22.2899 12.0192 22.6942L17.9468 28.6697L31.9926 14.7366C32.3969 14.3356 33.0498 14.3382 33.4509 14.7425L34.1772 15.4747C34.5783 15.879 34.5757 16.532 34.1713 16.933Z" fill="#27AE60"></path></g><defs><clipPath id="clip0_212_2187"><rect width="44" height="44" fill="white"></rect></clipPath></defs></svg><p>Ваш отзыв успешно отправлен!</p><span>Спасибо за обратную связь.</span></div></div><div class="feedback__popup" id="feedback__popup_why"><button type="button" class="feedback-popup-close">×</button><div class="feedback__popup-header">Уточните, почему:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Рекомендации не помогли</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Текст трудно понять</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Нет ответа на мой вопрос</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Содержание статьи не соответствует заголовку</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Другая причина</label></div><div class="feedback__popup" id="feedback__popup-other"><button type="button" class="feedback-popup-close">×</button> <div class="feedback__popup-header">Расскажите, что вам не понравилось в статье:</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Отправить"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg"/><span class="feedback-form__btn-group_yes-btn">Да</span></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg"/><span class="feedback-form__btn-group_no-btn">Нет</span></label></div><select name="category"><option disabled>Выберите вариант</option><option value="bad_recommendation" selected>Рекомендации не помогли</option><option value="difficult_text">Текст трудно понять</option><option value="no_answer">Нет ответа на мой вопрос</option><option value="bad_header">Содержание статьи не соответствует заголовку</option><option value="other_reason">Другая причина</option></select><input type="submit"></form></div></div>
</section>
</div>
@ -171,7 +173,7 @@
<input type="checkbox" />
<div class="article__arrow"></div>
<div class="table-of-contents elma365-right" id="toc2Content">
<h3 class="h3-toc">In this topic</h3>
<h3 class="h3-toc">В этой статье</h3>
<nav id="toc2"></nav>
</div>
</aside>
@ -182,30 +184,63 @@
<div class="footer-container">
<div class="footer-mobile">
<ul class="footer-mobile__list"><li><a href="https://brix365.com/en/" target="_blank">BRIX</a></li><li><a href="https://tssdk.brix365.com/en/latest/" target="_blank">SDK</a></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li></ul><ul class="footer-mobile__list"><li><a href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li></ul>
<ul class="footer-mobile__list"><li><a href="https://api.elma365.com/ru/" target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/" target="_blank">TS SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/elma365" target="_blank">Академия</a></li></ul><ul class="footer-mobile__list"><li><a href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li></ul>
</div>
<div class="footer-wrap">
<div><span class="mobile-question-popup">Send feedback</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Ask a question</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Send"></div></form><div class="hidden fade-in question-success-xs">Sent</div></div>
<div class="footer-flex-b">
<span class="footer-copy">&copy; 2025 BRIX</span>
<ul class="footer-list">
<li class="footer-item">
<a href="#" class="arrow-top" style="display: block;"></a>
</li>
</ul>
<div class="container">
<div class="footer-wrap">
<div><span class="mobile-question-popup">Отправить фидбэк</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Задать вопрос</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Отправить"></div></form><div class="hidden fade-in question-success-xs">Ваш фидбэк отправлен.</div></div>
<div class="footer-flex-b">
<div class="footer-top">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</div>
<div class="footer-line">
<div class="footer-line-copy">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
</div>
<ul class="footer-list">
<li class="footer-item"><a href="https://elma365.com/ru/" target="_blank" class="footer-link" style="color: #0D4A75;"><img src="browse.svg" alt="browse icon" class="footer-img">elma365.com</a></li><li class="footer-item"><a href="https://www.youtube.com/user/ELMABPM" target="_blank" class="footer-link"><img src="yt.svg" alt="youtube icon" class="footer-img"></a></li><li class="footer-item"><a href="https://vk.com/elma_bpm" target="_blank" class="footer-link"><img src="vk.svg" alt="vk icon" class="footer-img"></a></li><li class="footer-item"><a href="https://t.me/elmaday" target="_blank" class="footer-link"><img src="tg.svg" alt="telegram icon" class="footer-img"></a></li><li class="footer-item"><a href="https://dzen.ru/elma" target="_blank" class="footer-link"><img src="dzen.svg" alt="dzen icon" class="footer-img"></a></li>
<li class="footer-item">
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<a href="#" class="arrow-top"></a>
</div>
</footer>
<!-- <script type="text/javascript" src="jquery1.min.js"></script>-->
<iframe name="hmnavigation" style="display:none!important"></iframe>
<script src="./jquery-ui.js"></script>
<!--<script src="./jquery-ui.js"></script> -->
<script src="./jquery-ui.min.js"></script>
<!--script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script-->
<script src="./jquery.tocify.min.js"></script>
<script src="./TypoReporter.min.js"></script>