koziavin
041abbbd24
All checks were successful
Deploy Static Site / deploy (push) Successful in 6m55s
292 lines
46 KiB
HTML
292 lines
46 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<title>Вкладки дизайнера</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="В дизайнере интерфейсов вы можете работать на вкладках Шаблон, Контекст, Скрипты, История, Настройки и Файлы." />
|
||
<meta name="picture" content="" />
|
||
<meta property="og:type" content="website" />
|
||
<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" />
|
||
<link rel="stylesheet" href="./jquery-ui.min.css" />
|
||
<link rel="stylesheet" href="default.css" />
|
||
<link rel="stylesheet" href="./search-yandex.css" />
|
||
<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>
|
||
|
||
<script type="text/javascript" src="highlight.js"></script>
|
||
<script type="text/javascript">
|
||
$(document).ready(function(){highlight();});
|
||
</script>
|
||
</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://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(83179930,'reachGoal','poisk')">
|
||
<label class="search-form__label">
|
||
<span id="reset-search" class="search__icon"></span>
|
||
<input class="search-form__input" type="text">
|
||
</label>
|
||
<input class="search-form__submit" type="submit" value="Submit">
|
||
</form>
|
||
</div> -->
|
||
|
||
<div class="hero__search-form" id="search-panel"> <form class="search-form"> <label class="search-form__label"> <span id="reset-search" class="search__icon"></span> <input class="search-form__input" type="text"> </label> <input class="search-form__submit" type="submit" value="Submit"> </form> </div>
|
||
<div class="hero__search">
|
||
<a href="#" id="search-icon" class="hero__search-icon">
|
||
<img src="search-icon-white.svg" alt="search string">
|
||
</a>
|
||
<a href="#" id="side-menu-icon" class="hero__side-icon">
|
||
<img src="side_menu.svg" alt="side menu">
|
||
</a>
|
||
</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://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>
|
||
</div>
|
||
|
||
</header>
|
||
|
||
|
||
|
||
|
||
<main class="main container">
|
||
|
||
<aside class="sidebar" id="sidebar">
|
||
<div class="sidebar__header">
|
||
<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>
|
||
<div class="sidebar__wrapper" id="side-menu">
|
||
|
||
</div>
|
||
</aside>
|
||
|
||
<article class="article" id="article">
|
||
<div class="article-inner">
|
||
<div class="content">
|
||
<header class="article__header">
|
||
<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 дизайнер > <a href="interface_settings.html">Создание интерфейсов</a> / Вкладки дизайнера</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Вкладки дизайнера</span></h1>
|
||
</div>
|
||
|
||
</header>
|
||
<section class="article__content">
|
||
<div class="scroll-top-inner">
|
||
<a href="#h1-article" class="scroll-top"></a>
|
||
</div>
|
||
<!-- Placeholder for topic body. -->
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;">В дизайнере интерфейсов вы можете работать на вкладках <span style="font-weight: bold;">Шаблон</span>, <span style="font-weight: bold;">Контекст</span>, <span style="font-weight: bold;">Скрипты</span>, <span style="font-weight: bold;">История</span>, <span style="font-weight: bold;">Настройки</span> и <span style="font-weight: bold;">Файлы</span>.</p>
|
||
<h2 class="p_Heading2"><a id="template-tab" class="hmanchor"></a><span class="f_Heading2">Вкладка «Шаблон»</span></h2>
|
||
<p>На вкладке <span style="font-weight: bold;">Шаблон</span> вы<span style="font-weight: bold;"> </span>будете наполнять интерфейс виджетами и настраивать внешний вид страниц и форм.</p>
|
||
<p>Чтобы добавить виджет, перетащите его на поле для моделирования и настройте. Вы можете использовать <a href="tabs.html" class="topiclink">стандартные виджеты</a>, а также создавать свои собственные — <a href="user_widgets.html" class="topiclink">пользовательские виджеты</a>.</p>
|
||
<p>Стандартные виджеты группируются по типам. В зависимости от того, какой элемент системы вы настраиваете, страницу или форму, вам будет доступен определенный набор виджетов. Например, на страницы нельзя добавить виджеты для боковой панели формы. На формы, в свою очередь, нельзя добавить виджеты для страниц.</p>
|
||
<p>Чтобы создать пользовательский виджет, комбинируйте стандартные виджеты между собой. Например, вы можете добавить <span style="font-weight: bold;">Панель с заголовком</span>, в ней разместить <span style="font-weight: bold;">Колонки</span>, а в одну из колонок добавить <span style="font-weight: bold;">Таблицу</span> с отчётом. Сохраните виджет, и в дальнейшем вы сможете использовать его при настройке других интерфейсов.</p>
|
||
<p>О том, как разместить виджет, читайте в статьях <a href="360027211631.html" class="topiclink">«Добавление виджета на страницу»</a> и <a href="360029250931.html#add-widget" class="topiclink">«Шаблон формы»</a>.</p>
|
||
<h2 class="p_Heading2"><a id="context-tab" class="hmanchor"></a><span class="f_Heading2">Вкладка «Контекст»</span></h2>
|
||
<p>На вкладке <span style="font-weight: bold;">Контекст</span> добавляются свойства, которые можно выносить на поле для моделирования, а также использовать при написании скриптов. Чтобы создать свойство, нажмите кнопку <span style="font-weight: bold;">+ Добавить</span> и укажите его параметры. Подробнее о свойствах и о том, как их добавлять, читайте в статьях: <a href="360028941112.html" class="topiclink">«Вкладка „Контекст“»</a>, <a href="360009707032.html" class="topiclink">«Типы данных в системе»</a>, <a href="context_types.html" class="topiclink">«Типы контекста»</a>.</p>
|
||
<p style="margin: 7px 0 16px 0;"><img alt="interface-designer-2" width="809" height="242" style="margin:0;width:809px;height:242px;border:none" src="interface-designer-2.png"/></p>
|
||
<h2 class="p_Heading2"><a id="script-tab" class="hmanchor"></a><span class="f_Heading3">Вкладка </span><span class="f_Heading2">«Скрипты»</span></h2>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;">На этой вкладке вы можете написать скрипты для обработки данных, чтобы в дальнейшем использовать их в настройках виджетов. Например, при помощи скрипта можно отображать на странице актуальные курсы валют или создать заголовок страницы, который будет изменяться в зависимости от текущей даты.</p>
|
||
<p style="margin: 0 0 11px 0;">Также вы можете настроить поведение виджетов, например, показать всплывающее окно при наведении курсора на определённую область формы или страницы. Подробнее об этом читайте в статье <a href="client_server_scripts.html" class="topiclink">«Скрипты в виджетах»</a>.</p>
|
||
<p class="p_Normal"><img alt="interface-designer-3" width="907" height="431" style="margin:0;width:907px;height:431px;border:none" src="interface-designer-3.png"/></p>
|
||
<h2 class="p_Heading2"><a id="history-tab" class="hmanchor"></a><span class="f_Heading3">Вкладка </span><span class="f_Heading2">«История»</span></h2>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;">На этой вкладке можно просмотреть все опубликованные версии интерфейса с указанием автора, времени и комментария, оставленного при публикации. Также в списке отобразятся <a href="designer-tabs.html#unpublish" class="topiclink">снятые с публикации версии</a>.</p>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="interface-designer-4" width="1030" height="248" style="margin:0;width:1030px;height:248px;border:none" src="interface-designer-4.png"/></p>
|
||
<h3 class="p_Heading3"><span class="f_Heading3">Восстановить предыдущую версию</span></h3>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;">Вы можете восстановить любую предыдущую опубликованную версию интерфейса. Для этого выберите её в списке, нажмите кнопку <span style="font-weight: bold;">Применить версию</span> в правом верхнем углу страницы и подтвердите действие.</p>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;">Настройки выбранной версии применятся к текущему черновику интерфейса, открытому на вкладке <span style="font-weight: bold;">Шаблон</span>. Все сохранённые, но не опубликованные изменения будут утеряны.</p>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;">Вы можете отредактировать восстановленную версию формы или страницы, изменить расположение или настройки виджетов. Чтобы применить интерфейс и разрешить пользователям доступ к нему, повторно нажмите кнопки <span style="font-weight: bold;">Сохранить</span> и <span style="font-weight: bold;">Опубликовать</span> на верхней панели дизайнера.</p>
|
||
<h3 class="p_Heading3"><a id="unpublish" class="hmanchor"></a><span class="f_Heading3">Снять версию с публикации</span></h3>
|
||
<p class="p_Normal">Чтобы избежать запуска скрипта предыдущей версии интерфейса или исключить применение версии с ошибкой, её можно снять с публикации. Для этого выберите версию в списке и в правом верхнем углу страницы нажмите кнопку <span style="font-weight: bold;">Снять с публикации</span>.</p>
|
||
<p class="p_Normal">Также вы можете снять с публикации все предыдущие версии интерфейса во время <a href="interface_designer.html#unpublish" class="topiclink">публикации новой версии</a>.</p>
|
||
<p class="p_Normal">Если вы хотите восстановить снятую с публикации версию, выберите её в списке и в верхнем правом углу страницы нажмите появившуюся кнопку <span style="font-weight: bold;">Восстановить публикацию</span>.</p>
|
||
<h2 class="p_Heading2"><a id="settings-tab" class="hmanchor"></a><span class="f_Heading3">Вкладка </span><span class="f_Heading2">«Настройки»</span></h2>
|
||
<p class="p_Normal">На этой вкладке вы можете:</p>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal">отключить отображение виджета с ошибками валидации;</li></ul>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal">настроить размещение пользовательского виджета внутри разных интерфейсов;</li></ul>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal">задать системные функции;</li><li class="p_Normal">разрешить использование в виджете:<ul style="list-style-type:circle">
|
||
<li class="p_Normal">глобальных объектов;</li><li class="p_Normal">элементов текущего раздела;</li><li class="p_Normal">объектов и переменных из выбранных разделов или пользовательских модулей, с которыми установлены <a href="optional-dependencies.html" class="topiclink">опциональные зависимости</a>. Возможность подходит для разработки решений, так как в этом случае виджет можно экспортировать без ограничений.</li></ul></li></ul>
|
||
<h3 class="p_Heading3"><span class="f_Heading3">Основные настройки</span></h3>
|
||
<p class="p_Normal">Опция <span style="font-weight: bold;">Не отображать виджет с ошибками валидации</span> используется для настройки <a href="360009918011.html" class="topiclink">формы создания или редактирования</a> элемента приложения, <a href="360012495611.html" class="topiclink">задачи</a> и <a href="360012496011.html" class="topiclink">стартового события</a>, чтобы ошибки валидации отображались только под некорректно заполненными полями. </p>
|
||
<p class="p_Normal">Когда опция отключена, вверху формы отображается виджет, который содержит список всех допущенных ошибок.</p>
|
||
<p class="p_Normal"><img alt="interface-designer-10" width="374" height="282" style="margin:0;width:374px;height:282px;border:none" src="interface-designer-10.png"/></p>
|
||
<h3 class="p_Heading3"><span class="f_Heading3">Настройка пользовательского виджета</span></h3>
|
||
<p class="p_Normal"><span style="font-size: 15px; font-family: Inter;">При создании </span><span style="font-size: 15px; font-family: Inter; color: #0563c1;"><a href="user_widgets.html" class="topiclink">пользовательского виджета</a></span><span style="font-size: 15px; font-family: Inter;"> </span>на вкладке <span style="font-weight: bold;">Настройки > Основные</span> можно управлять его размещением внутри других интерфейсов. </p>
|
||
<p class="p_Normal">По умолчанию пользовательский виджет можно добавить только на основную часть формы. Вы можете включить следующие опции:</p>
|
||
<ul style="list-style-type:disc">
|
||
<li style="margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><a id="show-on-top-toolbar" class="hmanchor"></a><span style="font-size: 13px; font-family: Inter; font-weight: bold;">Отображать виджет в заголовке с кнопками в формах </span><span style="font-size: 13px; font-family: Inter;">— </span><span style="font-size: 15px; font-family: Inter;">установите флажок, чтобы разрешить размещение виджета на верхней панели любой формы;</span></li><li style="margin-top: 7px; margin-right: 0; margin-bottom: 16px;"><a id="show-on-sidebar" class="hmanchor"></a><span style="font-size: 13px; font-family: Inter; font-weight: bold;">Отображать виджет в боковой панели </span><span style="font-size: 13px; font-family: Inter;">— </span><span style="font-size: 15px; font-family: Inter;">установите флажок, чтобы выносить виджет на боковую панель любой формы</span><span style="font-size: 13px; font-family: Inter;">.</span></li></ul>
|
||
<p class="p_Normal">Также можно настроить отображение виджета на поле для моделирования формы или страницы в дизайнере. Выбранный вид не влияет на функциональные возможности виджета после публикации настраиваемого интерфейса.</p>
|
||
<p class="p_Normal">Доступные варианты:</p>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Полный</span> — по умолчанию виджет выводится на поле для моделирования в том же виде, как будет отображаться после публикации. <ul style="list-style-type:circle">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Вызывать функцию инициализации в конструкторе</span> — по умолчанию в виджете активируется <a href="widget_functions.html#onlnit" class="topiclink">функция инициализации</a>, которая содержит скрипты и позволяет, например, отправлять запросы на сервер для получения данных.</li></ul></li></ul>
|
||
<p class="p_Normal" style="margin: 0 0 0 59px;">В режиме изменения формы на сервере может быть недостаточно данных и скрипты будут выполняться с ошибкой. Чтобы это не влияло на отображение виджета и работу дизайнера, снимите флажок с опции; </p>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Выводить только название виджета</span> — в дизайнере отображается только название виджета, чтобы обозначить его расположение на форме. Можно компактно размещать виджеты на поле для моделирования и быстро переходить к их настройкам; </li><li class="p_Normal"><span style="font-weight: bold;">Отдельный виджет</span> — при выборе этого вида появится кнопка <span style="font-weight: bold;">Создать форму</span>. Нажмите на неё и создайте специальную форму виджета, которая будет отображаться вместо исходной при моделировании формы или страницы. Если отдельная форма виджета была создана ранее, для её настройки в дизайнере интерфейсов нажмите <span style="font-weight: bold;">Редактировать форму</span>. </li></ul>
|
||
<p class="p_Normal" style="margin: 0 0 0 35px;">Это удобно, если виджет содержит, например, текстовое наполнение и другие виджеты. В этом случае на шаблоне можно представить виджет схематично. Специальная форма настроена, например, для виджета <a href="modal_window.html" class="topiclink">Модальное окно</a>. </p>
|
||
<h3 class="p_Heading3"><span class="f_Heading3">Системные функции</span></h3>
|
||
<p class="p_Normal">Здесь можно выбрать функции, которые вы хотите применить при отображении виджета или валидации формы. Указывать функции на этой вкладке необязательно.</p>
|
||
<p style="margin: 7px 0 7px 0;">По умолчанию выполняются следующие функции, если они заданы в скриптах:</p>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><a href="widget_functions.html#onlnit" class="topiclink">onInit()</a> — при инициализации виджета;</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><a href="widget_functions.html#destroy" class="topiclink">destroy()</a> — при окончании работы виджета;</li><li class="p_Normal"><a href="widget_functions.html#canrender" class="topiclink">canRender()</a> — при проверке условий для отображения виджета;</li><li class="p_Normal"><a href="widget_functions.html#onload" class="topiclink">onLoad()</a> — при завершении отрисовки виджета.</li></ul>
|
||
<p style="margin: 7px 0 7px 0;">Вы можете заменить эти функции на другие, чтобы настроить выполнение дополнительных действий, например, загрузку и подготовку данных для отображения в виджете. Для этого выберите функцию или создайте её в поле <span style="font-weight: bold;">Инициализация</span>, <span style="font-weight: bold;">Уничтожение</span>; <span style="font-weight: bold;">Необходимость отображения</span> или <span style="font-weight: bold;">Окончание отрисовки</span>.</p>
|
||
<p style="margin: 7px 0 7px 0;">Также можно выбрать <a href="widget_functions.html#validation-function" class="topiclink">функцию</a> для выполнения пользовательской валидации (проверки правильности заполнения <a href="create_form.html" class="topiclink">формы</a>). По умолчанию она не задана. В этой функции вы можете реализовать дополнительные проверки к уже существующим стандартным проверкам валидации при попытке сохранить форму. Например, задайте проверку значений полей формы.</p>
|
||
<p class="p_Normal"><img alt="interface-designer-8" width="661" height="238" style="margin:0;width:661px;height:238px;border:none" src="interface-designer-8.png"/></p>
|
||
<p class="p_Normal">Чтобы указать функцию из ваших скриптов, выберите <span style="font-weight: bold;">Клиент</span> или <span style="font-weight: bold;">Сервер</span> и укажите её название.</p>
|
||
<p class="p_Normal">Вы можете перейти к созданию скрипта, нажав <span style="font-weight: bold;">Создать</span>. Затем задайте название функции и нажмите <span style="font-weight: bold;">Сохранить</span>. После этого перейдите на вкладку <span style="font-weight: bold;">Скрипты</span>, нажав <span style="font-weight: bold;">Открыть</span>. Подробнее о создании скрипта на стороне <span style="font-weight: bold;">Клиент</span> или <span style="font-weight: bold;">Сервер</span> читайте в статье <a href="client_server_scripts.html" class="topiclink">«Скрипты в виджетах»</a>.</p>
|
||
<h3 class="p_Heading3"><a id="access-settings" class="hmanchor"></a><span class="f_Heading3">Доступные элементы</span></h3>
|
||
<p style="margin: 0 0 11px 0;"><span style="font-size: 15px; font-family: Inter;">Здесь вы можете разрешить использование виджетов, настроенных на уровне раздела или компании, а также получить доступ к <a href="global-constants.html" class="topiclink">глобальным константам</a> в скрипте.</span></p>
|
||
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="interface-designer-9" width="759" height="242" style="margin:0;width:759px;height:242px;border:none" src="interface-designer-9.png"/></p>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-size: 13px; font-family: Inter; font-weight: bold;">Доступные элементы </span><span style="font-size: 13px; font-family: Inter;">— предоставьте доступ к дополнительным элементам других уровней:</span><ul style="list-style-type:circle">
|
||
<li class="p_Normal"><span style="font-weight: bold;">Разрешить использование всех элементов</span> — <span style="font-size: 13px; font-family: Inter;">установите флажок, чтобы включить доступ к константе </span><span style="font-size: 13px; font-family: Inter; color: #0563c1;"><a href="global-constants.html" class="topiclink">Global</a></span><span style="font-size: 13px; font-family: Inter;"> и виджетам из других разделов. Тогда при написании скриптов можно использовать переменные, содержащиеся во всех разделах системы, и глобальные параметры. Обратите внимание, использование константы </span><code><b>Global</b></code><span style="font-size: 13px; font-family: Inter;"> и виджетов других разделов делают недоступным</span> <a href="360009669292.html" class="topiclink">экспорт приложения</a> или <a href="360007722171.html" class="topiclink">раздела</a>;</li><li class="p_Normal"><span style="font-weight: bold;">Разрешить использование элементов раздела</span> — <span style="font-size: 13px; font-family: Inter;">включите опцию, чтобы открыть доступ к константе </span><span style="font-size: 13px; font-family: Inter; color: #0563c1;"><a href="global-constants.html" class="topiclink">Namespace</a></span><span style="font-size: 13px; font-family: Inter;"> и виджетам текущего раздела. Обратите внимание, обращение к объектам раздела в скрипте и использование виджетов раздела делают недоступным </span><span style="font-size: 13px; font-family: Inter; color: #0000ff;"><a href="360009669292.html" class="topiclink">экспорт приложения</a></span>;</li></ul></li></ul>
|
||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">начало внимание</span></p>
|
||
<p class="p_Normal"><span style="font-size: 15px; font-family: Inter; color: #394149;">Использование констант </span><code><b>Global</b></code> или <code><b>Namespace</b></code><span style="font-size: 15px; font-family: Inter; color: #394149;"> в скриптах ограничивает экспорт компонентов системы. Подробнее об этом читайте в статье </span><span style="font-size: 15px; font-family: Inter; color: #394149;"><a href="global-constants.html#export-restrictions" class="topiclink">«Глобальные константы в скриптах»</a></span><span style="font-size: 15px; font-family: Inter; color: #394149;">.</span></p>
|
||
<p class="p_CodeExample" style="page-break-inside: avoid;"><span class="f_CodeExample">конец внимание</span></p>
|
||
<ul style="list-style-type:disc">
|
||
<li class="p_Normal"><span style="font-size: 15px; font-family: Inter; font-weight: bold;">Опциональные зависимости (доступны в объекте Imports) </span><span style="font-size: 15px; font-family: Inter;">— установите </span><span style="font-size: 15px; font-family: Inter; color: #0563c1;"><a href="optional-dependencies.html" class="topiclink">опциональные зависимости</a></span><span style="font-size: 15px; font-family: Inter;"> от выбранных разделов или пользовательских модулей. После этого в срипте виджета к указанным компонентам можно получить доступ с помощью константы </span><span style="font-size: 13px; font-family: Inter; color: #0563c1;"><a href="global-constants.html" class="topiclink">Imports</a></span><span style="font-size: 15px; font-family: Inter;">. Это позволяет экспортировать и импортировать приложение или раздел без ограничений.</span></li></ul>
|
||
<p style="margin: 7px 0 7px 34px;"><span style="font-size: 15px; font-family: Inter;">Чтобы установить зависимость, нажмите </span><span style="font-size: 15px; font-family: Inter; font-weight: bold;">+ Добавить раздел</span><span style="font-size: 15px; font-family: Inter;"> и выберите раздел или пользовательский модуль. Затем в колонке </span><span style="font-size: 15px; font-family: Inter; font-weight: bold;">Псевдоним</span><span style="font-size: 15px; font-family: Inter;"> задайте для него уникальное имя, которое будет использоваться в скрипте. Допустимы латинские буквы и цифры, для разделения слов можно использовать знак подчёркивания. По умолчанию в поле указывается код раздела или ID модуля.</span></p>
|
||
<p style="margin: 0 0 11px 0;">Подробнее об использовании констант <code><b>Global</b></code> или <code><b>Namespace</b></code> в скриптах читайте в cправке ELMA365 TS SDK в статье <a href="https://tssdk.elma365.com/ru/latest/pages/quick-start/intro_globals.html" target="_blank" class="weblink">«Глобальный контекст и изоляция»</a>. Использование константы <code><b>Imports</b></code> описано в статье <a href="optional-dependencies.html" class="topiclink">«Опциональные зависимости»</a>.</p>
|
||
<h2 class="p_Heading2"><a id="files-tab" class="hmanchor"></a><span class="f_Heading3">Вкладка </span><span class="f_Heading2">«Файлы»</span></h2>
|
||
<p style="margin: 19px 0 0 0;">На вкладке <span style="font-weight: bold;">Файлы</span> вы можете добавить библиотеки и пользовательские функции на языке JavaScript, чтобы обращаться к ним в <a href="client_server_scripts.html" class="topiclink">клиентских скриптах</a>.</p>
|
||
<p style="margin: 19px 0 0 0;"><img alt="interface-designer-5" width="801" height="133" style="margin:0;width:801px;height:133px;border:none" src="interface-designer-5.png"/></p>
|
||
|
||
<div class="bottom-nav">
|
||
|
||
<a id="prev-link" class="topic__navi_prev" href="interface_designer.html">
|
||
<span class="bottom-nav__arrow bottom-nav__arrow--prev"></span> <span
|
||
class="bottom-nav__link">interface_designer.html</span>
|
||
</a>
|
||
|
||
|
||
<a id="next-link" class="topic__navi_next" href="canvas-navigation.html">
|
||
<span class="bottom-nav__link">canvas-navigation.html</span> <span
|
||
class="bottom-nav__arrow bottom-nav__arrow--next"></span>
|
||
</a>
|
||
|
||
</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>
|
||
<aside class="article__sidebar" style="display:none">
|
||
<input type="checkbox" />
|
||
<div class="article__arrow"></div>
|
||
<div class="table-of-contents elma365-right" id="toc2Content">
|
||
<h3 class="h3-toc">В этой статье</h3>
|
||
<nav id="toc2"></nav>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
</article>
|
||
</main>
|
||
<footer class="footer">
|
||
<div class="footer-container">
|
||
<div class="footer-mobile">
|
||
|
||
<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="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">© 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">© 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.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>
|
||
<script src="./google-search.js"></script>
|
||
<script src="./main.js"></script>
|
||
</body>
|
||
|
||
</html>
|