112 lines
4.8 KiB
HTML
112 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>JSDoc: Home</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">
|
||
<h1 class="page-title">Home</h1>
|
||
<section>
|
||
<h2>CG-SELECT</h2>
|
||
<a href="../src/index.html">-- Вернуться к примеру --</a>
|
||
<p>
|
||
Этот компонент предлагает более гибкую настройку и использование селекта. Так же
|
||
реализованны методы взаимодействия с селектом.
|
||
</p>
|
||
|
||
<h5>Для создания компонета нужно:</h5>
|
||
<ul>
|
||
<li>Создать button елемент</li>
|
||
<li>Присвоить ему класс cg-dropdown</li>
|
||
<li>Присвоить ему уникальный класс, например(cg-dropdown_categories)</li>
|
||
<li>Создать новый экземпляр класса(new DropDown)</li>
|
||
<li>Передать все желаемые настройки как объект</li>
|
||
</ul>
|
||
<p>
|
||
<strong>*Все настройки можно посмореть в вкладке</strong>
|
||
<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"
|
||
>Конструктор класса</a
|
||
>
|
||
</p>
|
||
|
||
<h5>Доступна возможность кастомизации основных элементов, таких как:</h5>
|
||
<ul>
|
||
<li>Кнопка селекта</li>
|
||
<li>Список c элементами селекта</li>
|
||
<li>Placeholder</li>
|
||
<li>При режиме мультиселект доступна кастомизация chips(выбранных эл-ов)</li>
|
||
<li>Label элемента(если он был указан)</li>
|
||
<li>Переключение тем с темной на светлую</li>
|
||
</ul>
|
||
</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>
|
||
<h3>Modules</h3>
|
||
<ul>
|
||
<li><a href="module-Utils.html">Utils</a></li>
|
||
<li><a href="module-createElementChips.html">createElementChips</a></li>
|
||
</ul>
|
||
<h3>Private methods</h3>
|
||
<ul>
|
||
<li><a href="global.html#addOptionsBehaviour">#addOptionsBehaviour</a></li>
|
||
<li><a href="global.html#close">#close</a></li>
|
||
<li><a href="global.html#checkTheme">#checkTheme</a></li>
|
||
<li><a href="global.html#closeSelectClick">#closeSelectClick</a></li>
|
||
<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>
|
||
<ul>
|
||
<li><a href="global.html#addLenguage">addLenguage</a></li>
|
||
<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:30:19 GMT+0300 (Moscow Standard Time)
|
||
</footer>
|
||
|
||
<script>
|
||
prettyPrint();
|
||
</script>
|
||
<script src="scripts/linenumber.js"></script>
|
||
</body>
|
||
</html>
|