# j-InlineForm

> Нова версия на този компонент поддържа динамична оценка на съдържанието на <script type='text/html'>. Примерът по-долу съдържа скрипт с HTML и компонентът оценява съдържанието, ако j-In

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: bg
Content-SHA256: 33fed15fdbb0e5f4c66205aa91e429afd09d7df8e985d2c03a523fe7f58661fb
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- Работи с Bootstrap
- Компонентът премества съдържанието на този компонент под етикета `<body>` (заради позиционирането)

__Конфигуриране__:

- `title` {String} формат заглавие
- `width` {No} форма max-ширина
- `icon` Пълна икона без `ti-` или цялата декларация е.г. `ti ti-home`
- `reload` {String} е връзка към глобална функция и се изпълнява, ако формулярът показва
- `submit` {String} връзка към глобална функция и се изпълнява, ако натиснете бутона за подаване
- `cancel` {String} е връзка към глобална функция и се изпълнява, ако натиснете бутона за отмяна
- `hide` {String} е връзка към глобална функция и се изпълнява, ако формата е скрита
- `enter` {Boolean} автоматично улавя ключа на `enter` и изпълнява подаването (предварително: `false`)
- `default` {String} кратък алиас за `DEFAULT(default, true)`
- `autohide` {Boolean} позволява автоматично скриване (предварително: `true`)
- `autofocus` {Boolean} извършва автоматично фокусиране до най-близкото вношение (дефолт: `false`)

__Методи__:

- `instance.show(opt)` - показва формата
	- `opt.element` {jQuery елемент}
	- `opt.align` {String} може да бъде `left` (предварително), `right` или `center`
	- `opt.offsetX` {No} offsetX (дефолт: `0`)
	- `opt.offsetY` {No} offsetY (дефолт: `0`)
	- `opt.position` {String} може да бъде `top` (предварително) или `bottom`
	- `opt.callback` {Функция} определена от потребителя функция `callback(hide)`, атрибутът `hide` е `function`
- `instance.hide()` - скрива формата

__Добре е да се знае__:

Нова версия на този компонент поддържа динамична оценка на съдържанието на `<script type="text/html">`. Примерът по-долу съдържа скрипт с HTML и компонентът оценява съдържанието, ако j-InlineForm се показва (само веднъж).

```html
<div data---="inlineform">
	<script type="text/html">
		A CONTENT
	</script>
</div>
```

Използвайте го с `<ui-component name="inlineform">`Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в `DEF.fallback` (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на MIT.

```html example.html
<a href="javascript:void(0)" class="exec">Show inline form</a>

<ui-component name="inlineform" config="width:250;title:Title;submit:userform_submit" class="hidden">
	<div style="padding:10px 15px">SOME CONTENT</div>
	<nav>
		<button name="submit">SUBMIT</button>
		<button name="cancel">CANCEL</button>
	</nav>
</ui-component>

<script>

	function userform_submit(hide) {
		alert('SUBMIT');
		hide();
	}

	$(document).on('click', '.exec', function() {
		var opt = {};
		opt.element = $(this);
		opt.align = 'left';
		SETTER('inlineform', 'show', opt);
	});
</script>
```
