j-Exec

jComponent 20 · jcomponent@20 component Příklad načten s jComponent 20

Komponenta provádí metodu, když uživatel klikne na stejný prvek s třídou exec, exec2, nebo exec3. více informací je níže.

Elementy:

Elementy mohou obsahovat atribut data-exec s názvem metody, který bude spuštěn, když uživatel klikne na prvek.
Elementy mohou obsahovat atribut data-href a složka provádí REDIRECT().

Atributy:

data-exec="METHOD_NAME" provádí metodu, když uživatel klikne (podporuje volání prostřednictvím znaku ?)
data-prevent="true" brání pokračování v akci click
data-href="URL" se provádí REDIRECT()

Výhody dvojího kliknutí:

data-exec2="METHOD_NAME" provádí metodu, když uživatel klikne (podporuje volání prostřednictvím znaku ?)
data-prevent2="true" brání pokračování v akci click
data-href2="URL" se provádí REDIRECT()

Příspěvky pro kontextový menu:

data-exec3="METHOD_NAME" provádí metodu, když uživatel klikne (podporuje volání prostřednictvím znaku ?)
data-href3="URL" se provádí REDIRECT()

Dobré vědět:

Funkce je určena ve formě function(element, event).
data-exec=, data-exec2=, data-exec3= může obsahovat @METHOD_NAME, který bude spuštěn v aktuální složky plugin volání component/METHOD_NAME(element, e)

Nový: rozšíření:

SETTER('exec/register', function(exec, el, e, type) {

	// @exec {String} a value from data-exec
	// @el {jQuery element}
	// @e {Event}
	// @type {String} empty '': click, '2': double-click '3': context menu
	// registers a new extension

	if (exec.charAt(0) === '/') {

		EXEC('customplugin/' + exec.substring(1), el, e);

		// "return true" stops the next processing of Exec
		return true;

	}

});

Použijte ji s <ui-component name="exec">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

example.html

<ui-component name="exec"></ui-component>
<a href="javascript:void(0)" class="exec" data-exec="myClick">1</a>
<a href="javascript:void(0)" class="exec" data-exec="myClick">2</a>
<p class="exec" data-exec="myClick">3</p>
<span class="exec" data-exec="myClick">4</span>
<div class="exec" data-exec="myClick">5</div>

<script>
	function myClick(el) {
        alert('CLICK: ' + el.html());
    }
</script>