Vložení JS/CSS z komponenty do šablony

No, to si mohu udělat i ručně. (Načíst správné JS v šabloně presenteru.)
Já bych docela rád docílil toho, že příslušný JS zapíšu jen do šablony (nebo php kódu) komponenty a pak mi bude jedno, kam tuto komponentu umístím. Protože když je větší množství komponent různě po celém projektu, tak už nevím, která potřebuje dolinkovat nějaký JS/CSS a která ne.

Díky za odpovědi, ale nakonec se jako nejjednodušší ukázalo staré řešení od Tharose.
Trochu jsem si to upravil, rozšířil o možnost načítat i CSS (ačkoliv to nedoporučuji) a výsledek je tento:

$(function () {

	// basePath nastavíme buď pomocí data-atributu při načtení scriptu
	// <script src="{$basePath}/js/easyLoader.js" id="easyLoader" data-basepath="{$basePath}"></script>
	var basepath = $('#easyLoader').data('basepath');

	// nebo se použije adresa serveru
	if (basepath === undefined) {
		basepath = window.location.protocol + "//" + window.location.host + "/";
	}

	// načtení CSS (na CSS se tento loader nedoporučuje používat, protože je závislý na JS a načtení stylů je zpožděné)
	$('[data-css]').each(function (index, element) {
		var style = $(element).data('css');
		if (style instanceof Array) {
			$.each(style, function (index, style) {
				head.load(basepath + style);
			})
		} else {
			head.load(basepath + style);
		}
	});

	// načtení JS
	$('[data-js]').each(function (index, element) {
		var script = $(element).data('js');
		if (script instanceof Array) {
			$.each(script, function (index, script) {
				head.js(basepath + script);
			})
		} else {
			head.js(basepath + script);
		}
	});

});

<!-- @layout.latte -->
<script src="{$basePath}/bower/jquery/dist/jquery.min.js"></script>
<script src="{$basePath}/bower/headjs/dist/1.0.0/head.load.min.js"></script>
<script src="{$basePath}/js/easyLoader.js" id="easyLoader" data-basepath="{$basePath}"></script>

<!-- template.latte -->
<h1 data-css="/css/pokus.css">Pokusy</h1>
<div data-js="/js/bootstrap.tab.history.js">…</div>

• Je to vyzkoušené na aktuálních verzích FF, Chrome, Exploreru a Opery. Mělo by to být kompatibilní i se staršími (nikoliv archaickými) prohlížeči.
• Pokud máte nastavený server tak, že v adrese není /www (nebo jiný kus adresářové stuktury), tak není potřeba přenášet tu basepath v data atributu.
• Pokud máte zkušenosti s JS, napadá vás nějaký zásadní problém, proč tohle řešení nepoužívat? A co na to @Tharos, který s tím má osobní zkušenosti? Koukal jsem, že na svém GitHubu už to smazal.
• Repozitář a možná bower balíček tomu vytvořím, až to otestuji v praxi. Zatím mi na tom běží jen pokusná miniaplikace.

Pozn. Celá část s basepath je možná úplně zbytečná, čitelnější mi připadá předávat rovnou celou cestu už z šablony.

<!-- @layout.latte -->
<script src="{$basePath}/bower/jquery/dist/jquery.min.js"></script>
<script src="{$basePath}/bower/headjs/dist/1.0.0/head.load.min.js"></script>
<script src="{$basePath}/js/easyLoader.js"></script>

<!-- template.latte -->
<h1 data-css="{$basePath}/css/pokus.css">Pokusy</h1>
<div data-js="{$basePath}/js/bootstrap.tab.history.js">…</div>

Editoval Šaman (26. 11. 2015 4:15)

Jenže právě toho se chci vyvarovat. Presenter přece neví, že nějaká komponenta má i JS. Když k nějaké komponentě připíšu script, tak nechci prohledávat celý projekt a u každého výskytu přidat do šablony presenteru i {control myComponent:js}.
Ten webloader je jedno řešení, dynamické donačítání scriptů je druhé řešení. A na občasné donačtení malých JS (typicky oživení konkrétního formuláře) mi zatím to druhé řešení vyhovuje víc.

Ahoj Honzo,
mě se toto Tvé řešení líbí. Zrovna jsem to potřeboval nějak slušně vyřešit a funguje mi to, takže díky za to! :-)

Ja jsem to vyresil pres tovarnu komponenty, ktera v konstruktoru setuje do servisy svoje jmeno. A potom si v BasePresenteru v beforeRenderu projdu seznam vyzadanych komponent.

Nevyhody

To ze probehl inject v Presenteru, jeste neznamena, ze bude kompopenta vyrendrovana, treba s tim v JS pocitat.

U vnorenych komponent je potreba predavat tovarnu na komponentu jako zavislost rodici.

Editoval AntiCZ (2. 6. 2018 8:55)