# j-Movable

> Az összetevő hasonló vonható elemet kezel, és támogatja a mozgást egymás között. Minden elemnek a kiválasztó szerint meghatározott vonható = 'igaz' tulajdonsággal kell rendelkeznie.

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

Az összetevők hasonlóan működnek `draggable` A kiválasztó elem és támogatja a mozgást egymás között. `draggable="true"` Az attribútum.


__konfiguráció__:

- `selector {String}` jQuery kiválasztó
- `exec {String}` A módszerhez vezető út, amely akkor fut, ha a felhasználó eleme mozog
- A `global {Boolean}`-es és a drop események a `document`-hez kapcsolódnak (például: `false`)
- `parent {String}` kiválasztó annak az elemnek a megtalálására, ahol a húzás és a dobás csomagok csatlakoznak (default: jelenlegi elem)
- A `move {Boolean}` automatikus újrarendelési elemekhez vezet (default: `true`)
- `container {String}` a fő tartály megtalálására szolgáló kiválasztó
- __NEW__ `check {Function(el)}` opcionális, a húzódhatóság ellenőrzésére szolgáló funkció (a `true` vagy a `false`-t vissza kell adni)

__A `Exec` módszer példája__:

```javascript
function exec_method(list, dragged, target) {
	// @list jQuery list
}
```

__Jó tudni__:

- `path` teljesítmények `CHANGE()`

Használja a `<ui-component name="movable">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

```html example.html
<ui-component name="movable" config="selector:.dragme;exec:moved">
	<div class="dragme" draggable="true" style="width:50px;line-height:50px;background-color:#F0F0F0;text-align:center;position:relative;display:inline-block;margin:10px">A</div>
	<div class="dragme" draggable="true" style="width:50px;line-height:50px;background-color:#E0E0E0;text-align:center;position:relative;display:inline-block;margin:10px">B</div>
	<div class="dragme" draggable="true" style="width:50px;line-height:50px;background-color:#D0D0D0;text-align:center;position:relative;display:inline-block;margin:10px">C</div>
	<div class="dragme" draggable="true" style="width:50px;line-height:50px;background-color:#C0C0C0;text-align:center;position:relative;display:inline-block;margin:10px">D</div>
	<div class="dragme" draggable="true" style="width:50px;line-height:50px;background-color:#B0B0B0;text-align:center;position:relative;display:inline-block;margin:10px">E</div>
	<div class="dragme" draggable="true" style="width:50px;line-height:50px;background-color:#A0A0A0;text-align:center;position:relative;display:inline-block;margin:10px">F</div>
</ui-component>

<script>
	function moved(list) {
		console.log(list);
	}
</script>
```