2022-10-19 20:33:37 +03:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<title>JSDoc: Module: createElementChips</title>
|
|
|
|
|
|
|
|
|
|
<script src="scripts/prettify/prettify.js"></script>
|
|
|
|
|
<script src="scripts/prettify/lang-css.js"></script>
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
|
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
|
|
|
<![endif]-->
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div id="main">
|
2022-10-21 16:17:37 +03:00
|
|
|
|
<h1 class="page-title">Module: createBreadcrumb</h1>
|
2022-10-19 20:33:37 +03:00
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<header></header>
|
|
|
|
|
|
|
|
|
|
<article>
|
2022-11-08 16:57:35 +03:00
|
|
|
|
<div class="container-overview">
|
|
|
|
|
<div class="description">
|
|
|
|
|
В этом модуле представленны функции используемые в классе селекта. Модуль предназначен
|
|
|
|
|
для выноса важной логики селекта и удобства использования.
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-10-19 20:33:37 +03:00
|
|
|
|
|
|
|
|
|
<h3 class="subsection-title">Methods</h3>
|
|
|
|
|
|
|
|
|
|
<h4 class="name" id=".createBreadcrumb">
|
|
|
|
|
<span class="type-signature">(static) </span>createBreadcrumb<span class="signature"
|
|
|
|
|
>(data, title, index, id)</span
|
|
|
|
|
><span class="type-signature"> → {HTMLElement}</span>
|
|
|
|
|
</h4>
|
|
|
|
|
|
|
|
|
|
<div class="description">Метод который создает и отвечает за поведение chips</div>
|
|
|
|
|
|
|
|
|
|
<h5>Parameters:</h5>
|
|
|
|
|
|
|
|
|
|
<table class="params">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Name</th>
|
|
|
|
|
|
|
|
|
|
<th>Type</th>
|
|
|
|
|
|
|
|
|
|
<th class="last">Description</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="name"><code>data</code></td>
|
|
|
|
|
|
|
|
|
|
<td class="type">
|
|
|
|
|
<span class="param-type">object</span>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td class="description last">
|
|
|
|
|
объект в котором содержатся настройки и элементы селекта
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="name"><code>title</code></td>
|
|
|
|
|
|
|
|
|
|
<td class="type">
|
|
|
|
|
<span class="param-type">string</span>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td class="description last">имя выбранного элемента для отрисовки chips</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="name"><code>index</code></td>
|
|
|
|
|
|
|
|
|
|
<td class="type">
|
|
|
|
|
<span class="param-type">number</span>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td class="description last">индекс выбранного элемента для отрисовки chips</td>
|
|
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="name"><code>id</code></td>
|
|
|
|
|
|
|
|
|
|
<td class="type">
|
|
|
|
|
<span class="param-type">string</span>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td class="description last">уникальное id выбранного элемента</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<dl class="details">
|
|
|
|
|
<dt class="tag-source">Source:</dt>
|
|
|
|
|
<dd class="tag-source">
|
|
|
|
|
<ul class="dummy">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="create-element.js.html">create-element.js</a>,
|
|
|
|
|
<a href="create-element.js.html#line14">line 14</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
|
|
|
|
|
<h5>Returns:</h5>
|
|
|
|
|
|
|
|
|
|
<div class="param-desc">возвращает сформированный HTMLElement chips item</div>
|
|
|
|
|
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>Type</dt>
|
|
|
|
|
<dd>
|
|
|
|
|
<span class="param-type">HTMLElement</span>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
2022-10-21 16:17:37 +03:00
|
|
|
|
|
2022-10-25 21:03:10 +03:00
|
|
|
|
<h4 class="name" id=".createInputSearch">
|
|
|
|
|
<span class="type-signature">(static) </span>createInputSearch<span class="signature"
|
2022-11-08 16:57:35 +03:00
|
|
|
|
>(random, lenguage)</span
|
2022-10-25 21:03:10 +03:00
|
|
|
|
><span class="type-signature"> → {HTMLInputElement}</span>
|
|
|
|
|
</h4>
|
|
|
|
|
|
|
|
|
|
<div class="description">Метод который создает поиск элементов в селекте</div>
|
|
|
|
|
|
|
|
|
|
<h5>Parameters:</h5>
|
|
|
|
|
|
|
|
|
|
<table class="params">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Name</th>
|
|
|
|
|
|
|
|
|
|
<th>Type</th>
|
|
|
|
|
|
|
|
|
|
<th class="last">Description</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="name"><code>random</code></td>
|
|
|
|
|
|
|
|
|
|
<td class="type">
|
|
|
|
|
<span class="param-type">string</span>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td class="description last">уникальное значение для input элемента.</td>
|
|
|
|
|
</tr>
|
2022-11-08 16:57:35 +03:00
|
|
|
|
|
|
|
|
|
<tr>
|
|
|
|
|
<td class="name"><code>lenguage</code></td>
|
|
|
|
|
|
|
|
|
|
<td class="type">
|
|
|
|
|
<span class="param-type">string</span>
|
|
|
|
|
</td>
|
|
|
|
|
|
|
|
|
|
<td class="description last">
|
|
|
|
|
текст на определенном языке переданный из файла language.js
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
2022-10-25 21:03:10 +03:00
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<dl class="details">
|
|
|
|
|
<dt class="tag-source">Source:</dt>
|
|
|
|
|
<dd class="tag-source">
|
|
|
|
|
<ul class="dummy">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="create-element.js.html">create-element.js</a>,
|
2022-11-08 16:57:35 +03:00
|
|
|
|
<a href="create-element.js.html#line103">line 103</a>
|
2022-10-25 21:03:10 +03:00
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
|
|
|
|
|
<h5>Returns:</h5>
|
|
|
|
|
|
|
|
|
|
<div class="param-desc">Возвращает сформированный input елемент.</div>
|
|
|
|
|
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>Type</dt>
|
|
|
|
|
<dd>
|
|
|
|
|
<span class="param-type">HTMLInputElement</span>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
|
2022-10-21 16:17:37 +03:00
|
|
|
|
<h4 class="name" id=".createNativeSelect">
|
|
|
|
|
<span class="type-signature">(static) </span>createNativeSelect<span class="signature"
|
|
|
|
|
>()</span
|
|
|
|
|
><span class="type-signature"> → {HTMLSelectElement}</span>
|
|
|
|
|
</h4>
|
|
|
|
|
|
|
|
|
|
<div class="description">Метод который создает нативный селект</div>
|
|
|
|
|
|
|
|
|
|
<dl class="details">
|
|
|
|
|
<dt class="tag-source">Source:</dt>
|
|
|
|
|
<dd class="tag-source">
|
|
|
|
|
<ul class="dummy">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="create-element.js.html">create-element.js</a>,
|
2022-11-08 16:57:35 +03:00
|
|
|
|
<a href="create-element.js.html#line78">line 78</a>
|
2022-10-21 16:17:37 +03:00
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
|
|
|
|
|
<h5>Returns:</h5>
|
|
|
|
|
|
|
|
|
|
<div class="param-desc">Возвращает созданный нативный селект</div>
|
|
|
|
|
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>Type</dt>
|
|
|
|
|
<dd>
|
|
|
|
|
<span class="param-type">HTMLSelectElement</span>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
|
2022-12-23 19:18:33 +03:00
|
|
|
|
<h4 class="name" id=".createNativeSelectOption">
|
|
|
|
|
<span class="type-signature">(static) </span>createNativeSelectOption<span
|
2022-10-21 16:17:37 +03:00
|
|
|
|
class="signature"
|
|
|
|
|
>()</span
|
|
|
|
|
><span class="type-signature"> → {HTMLOptionElement}</span>
|
|
|
|
|
</h4>
|
|
|
|
|
|
|
|
|
|
<div class="description">Метод который создает Options для нативного селекта</div>
|
|
|
|
|
|
|
|
|
|
<dl class="details">
|
|
|
|
|
<dt class="tag-source">Source:</dt>
|
|
|
|
|
<dd class="tag-source">
|
|
|
|
|
<ul class="dummy">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="create-element.js.html">create-element.js</a>,
|
|
|
|
|
<a href="create-element.js.html#line90">line 90</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
|
|
|
|
|
<h5>Returns:</h5>
|
|
|
|
|
|
|
|
|
|
<div class="param-desc">Возвращает созданные Options нативного селекта</div>
|
|
|
|
|
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>Type</dt>
|
|
|
|
|
<dd>
|
|
|
|
|
<span class="param-type">HTMLOptionElement</span>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
2022-10-19 20:33:37 +03:00
|
|
|
|
</article>
|
|
|
|
|
</section>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<nav>
|
|
|
|
|
<h2><a href="index.html">Home</a></h2>
|
|
|
|
|
<h3>Classes</h3>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="DropDown.html">DropDown</a></li>
|
|
|
|
|
<li>
|
|
|
|
|
<a
|
|
|
|
|
href="%25D0%259A%25D0%25BE%25D0%25BD%25D1%2581%25D1%2582%25D1%2580%25D1%2583%25D0%25BA%25D1%2582%25D0%25BE%25D1%2580%2520%25D0%25BA%25D0%25BB%25D0%25B0%25D1%2581%25D1%2581%25D0%25B0%2520DropDown.html"
|
|
|
|
|
>Конструктор класса DropDown</a
|
|
|
|
|
>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
2022-10-25 21:03:10 +03:00
|
|
|
|
<h3>Modules</h3>
|
2022-10-19 20:33:37 +03:00
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="module-Utils.html">Utils</a></li>
|
2022-10-21 16:17:37 +03:00
|
|
|
|
<li><a href="module-createElementChips.html">createElementChips</a></li>
|
2022-10-19 20:33:37 +03:00
|
|
|
|
</ul>
|
2022-10-25 21:03:10 +03:00
|
|
|
|
<h3>Private methods</h3>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="global.html#addOptionsBehaviour">#addOptionsBehaviour</a></li>
|
|
|
|
|
<li><a href="global.html#close">#close</a></li>
|
2022-11-08 16:57:35 +03:00
|
|
|
|
<li><a href="global.html#checkTheme">#checkTheme</a></li>
|
|
|
|
|
<li><a href="global.html#closeSelectClick">#closeSelectClick</a></li>
|
2022-10-25 21:03:10 +03:00
|
|
|
|
<li><a href="global.html#init">#init</a></li>
|
|
|
|
|
<li><a href="global.html#initEvent">#initEvent</a></li>
|
|
|
|
|
<li><a href="global.html#initSelected">#initSelected</a></li>
|
|
|
|
|
<li><a href="global.html#open">#open</a></li>
|
|
|
|
|
<li><a href="global.html#render">#render</a></li>
|
|
|
|
|
<li><a href="global.html#renderUrl">#renderUrl</a></li>
|
|
|
|
|
<li><a href="global.html#searchMode">#searchMode</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<h3>Public methods</h3>
|
2022-10-19 20:33:37 +03:00
|
|
|
|
<ul>
|
2022-11-08 16:57:35 +03:00
|
|
|
|
<li><a href="global.html#addLenguage">addLenguage</a></li>
|
2022-10-19 20:33:37 +03:00
|
|
|
|
<li><a href="global.html#addItem">addItem</a></li>
|
|
|
|
|
<li><a href="global.html#buttonControl">buttonControl</a></li>
|
|
|
|
|
<li><a href="global.html#deleteItem">deleteItem</a></li>
|
|
|
|
|
<li><a href="global.html#deleteItemAll">deleteItemAll</a></li>
|
|
|
|
|
<li><a href="global.html#disabled">disabled</a></li>
|
|
|
|
|
<li><a href="global.html#getElement">getElement</a></li>
|
|
|
|
|
<li><a href="global.html#selectIndex">selectIndex</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<br class="clear" />
|
|
|
|
|
|
|
|
|
|
<footer>
|
|
|
|
|
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Wed
|
|
|
|
|
Oct 19 2022 20:13:59 GMT+0300 (Moscow Standard Time)
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
prettyPrint();
|
|
|
|
|
</script>
|
|
|
|
|
<script src="scripts/linenumber.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|