nette.ajax.js – alt. obsluha pro AJAX s jQuery

Čau chci se zeptat. Dal jsem si na web lazy load img. Když udělam filtraci pomoci ajaxu a reloadne se snippet tak mi lazy load nefunguje a obrazky se vubec nenačtou. Musím nějak reloadnout i DOM?

Formulář získávám ajaxem, snippet překreslí formulář, už se to tu řešilo mockrát a mockrát sem to četl, ale nikde nevidím odpověď.

Pletu se nebo tento doplněk postrádá livequery? A formulář vložený do stránky pomocí $(element).html(html) nebude reagovat na ajaxové odeslání?

muselo by se znovu po každém takovém natažení volat nette.init? a nezpůsobí toto násobné volání, že se formulář nebo validace provedou dvakrát?

OK, vidím, že v jquery 1.9 je hodně změn, a jestli se nepletu .on( by mělo fungovat stejně jako .live( ?

nicméně proč to nefunguje :)

EDIT: takže to co povětšinou všichni, kdo měli tady stejný problém, hledají, je tohle http://api.jquery.com/delegate/

Editoval mcmatak (10. 10. 2013 3:17)

řešil už někdo navazující akce? nějaké callbacky konkrétního formuláře, něco v tomto duchu, ale lépe provedené

<?php

	$.nette.ext('callbacks', {
		success: function(payload) {
			if (payload.callbacks) {
				$.each(payload.callbacks, function (i, callback) {
					var callbackName = callback[0];
					var callbackArgs = callback[1];
					console.log(callbackName);
					console.log(callbackArgs);
					// jen priklad, jak by to melo fungovat, bud by funkce mohla byt v nejakem data-callback-callbackName nebo by se to mohlo hledat v window[callbackName], nebo?
					callbackName(callbackArgs);
				});
			}
		}
	});

?>

EDIT: tak tohle je moje výsledné řešení, někdo nějaký koment jestli na to nejdu moc složitě?

https://forum.nette.org/…-danem-prvku#…

Editoval mcmatak (9. 10. 2013 13:30)

Zdravim,

nenapisal niekto z vas, alebo nevie ako na extension, ktora by umoznovala i upload suborov? (napr pomocou http://jquery.malsup.com/form/#…)

presiel som cele toto tema, ale nejako som to tu nenasiel.

vdaka to som videl, ale nepride mi velmi dobre prepisovat zdorjaky a radsej by som pouzil extension, ak by to nejako islo…

Pri ajaxovom forme s required polozkou mi info hlaksu o nevyplnenom inpute zobrazilo 2× + js error „nette "e = e || event“ . Ako som sa tu docital, natiahol som z najnovsieho nette novy netteForms.js, a error hlaska nenastala. Problematicke 2× zobrazenie alertu ale ostalo, tak som sa tu dalej docital z reakcie ze nemam pouzit custom clasu ale ponechat formularu len „ajax“ , to problem hned vyriesilo + programoval to asi vestec kedze fungoval rovno aj redirect ;_) .

Aby som sa dopracoval k otazke, ak by som sa chcel vratit k custom ajax classe pre formular ako upravit nasledujuci js aby mi validacny alert nevyhodilo 2× ?

<script>
$("form.customAjaxForm").submit(function () {
    $(this).ajaxSubmit(function(payload){
        if(typeof(payload.redirect) !== 'undefined')
            window.location = payload.redirect;
    });
    return false;
});
</script>

Len bokom k bootsrapu a modalom , boostrap modaly same o sebe su kusocek divoke(margin na body) + vcelku magicky drzia obsah, js nachadza obsah z prveho modalu aj ked firebug/html ukazuje uplne nieco ine(), ale to len tak bokom osvecil sa bootbox .

skus toto, alebo trosku vylepsene toto

duskohu napsal(a):

skus toto, alebo trosku vylepsene toto

zkousim to a dostavam „dialog.modal is not a function“ :-(

Ta TWB by byl :-)
Pouzivam toto.

Ovšem handle se nezavola ani po OK ani po CANCEL..
Pokud dam odkazu class=„ajax“ tak se zas zavola pokazde :/

Tusite někdo?

Díky !

Super, diky !

@jannemec: jednoduše, v akci spuštění ještě přidat spočtení offsetu kliknutého elementu a podle toho upravit pozici spinneru

jannemec napsal(a):

akadlec napsal(a):

@jannemec: jednoduše, v akci spuštění ještě přidat spočtení offsetu kliknutého elementu a podle toho upravit pozici spinneru

Mohl bych poprosit o příklad – zamotal jsem se v tom …

this.spinner.css({
	left: settings.nette.e.pageX,
	top: settings.nette.e.pageY
});

Je prosím nějak vyřešený už ten toggle při modalovém formuláři načteném přes ajax? Díky

Zjistil jsem dva problémy s extension history:

1. Při překreslování snippetu z cache nedojde k zavolání callbacků z beforeQueue , afterQueue a completeQueue což je dle mého názoru špatně.
2. Při ručním volání ajaxu ( $.nette.ajax({ url: href }); ) nefunguje historie, nezmění url atd. Nevím jestli to je záměr nebo chyba.

akadlec napsal(a):

Neřešil někdo z vás history plugin a chrome? V chrome se mi totiž při načtení spouští tato init část history extension:

Ano, na to samé jsem narazil a z toho důvodu mám prozatím ve svých projektech cache = false. Řešil jsem to o jeden příspěvek výše v bodu 1:

Při překreslování snippetu z cache nedojde k zavolání callbacků z beforeQueue , afterQueue a completeQueue což je dle mého názoru špatně.

Používám totiž tyto callbacky na navěšení akcí na prvky ve snippetech, jelikož je třeba provést vždy při překreslení snippetů. Ale bohužel u cache se to neprovede.

Editoval daliborcaja (7. 1. 2014 12:48)

Dobry den, mam mensi problem.
Do bootstrap.php sem umistnil: /AJAX/

<?php

require __DIR__ . '/../vendor/autoload.php';

$configurator = new Nette\Configurator;

$configurator->setDebugMode(TRUE);  // debug mode MUST NOT be enabled on production server
$configurator->enableDebugger(__DIR__ . '/../log');

$configurator->setTempDirectory(__DIR__ . '/../temp');

$configurator->createRobotLoader()
	->addDirectory(__DIR__)
	->addDirectory(__DIR__ . '/../vendor/others')
	->register();

$configurator->addConfig(__DIR__ . '/config/config.neon');
$configurator->addConfig(__DIR__ . '/config/config.local.neon');

/*AJAX*/
$configurator->onCompile[] = function ($configurator, $compiler) {
    $compiler->addExtension('ajax', new VojtechDobes\NetteAjax\Extension);
};

$container = $configurator->createContainer();

return $container;
?>

No nahodne mi vyhadzuje fatal error:
Class ‚VojtechDobes\NetteAjax\Extension‘ not found

Oznaci radek: $compiler->addExtension…

Nevedel by mi nekdo pomoct toto vyresit? Za kazdu radu diki
Zaujimave je, ze tento fatal error sa vyskytuje nahodne.
Neskor som spozoroval, ze sa to vyskytne pri zmene nazvu projektu.
Po vymazani radku, spusteni projektu a nasledne vraceni radku vse jede jak ma.
No zmenite nazev (odpozorovane) a problem je tu.

Při invalidaci snippetu hlásí Firefox chybu:

NS_ERROR_ILLEGAL_VALUE:
}, document.title, this.href);

Mám snipetem obalenou tabulku (50 řádků) s stránkováním. Je to správně?

if (this.href && this.href != window.location.href) {
	history.pushState({
		nette: true,
		href: this.href,
		title: document.title,
		ui: findSnippets()
	}, document.title, this.href);
}

vojtech.dobes: pokud nastavím prázdné pole, chybu js Firefox (OSX) nevyhazuje.

Ostatní prohlížeče (Safari, Chrome, Opera) fungují perfektně i s tím redirectem či bez něj.
V stránkovadle jsem zkoušel obojí s nette.history.js:

	public function handlePage($page = 1)
	{
		$this->page = $page;

		if(!$this->presenter->isAjax()){
			$this->presenter->redirect("this");
		}
		$this->redrawControl();
	}

nebo

	public function handlePage($page = 1)
	{
		$this->page = $page;

		if($this->presenter->isAjax()){
			$this->redrawControl();
		}

		$this->presenter->redirect("this");
	}

Editoval jenicek (4. 2. 2014 15:09)

Ahoj, je prosím nějaký způsob, jakým předat při volání AJAX requestu vlastní data?

// jQuery
$.getJSON(url, {
	key: val,
});

// nette.ajax
$.nette.ajax({
	url: url,
	// ?
});

Díky předem.

Dobrý den,

chtěl bych se zeptat jestli mohu použít $.get(this.href) a když ano tak jak, na ajaxový požadavek a na překreslení snipetu. Používám totiž plugin fancytree a když si vygeneruji seznam ve kterém mají položky odkaz s třídou ajax, tak ajaxové volání nefunguje a nepřišel jsem na to, jak zavolat ajax při události click na odkazu, fancytree ji asi nepředává a nevím jak ho nastavit, aby ji předával (nemáte někdo s tímto pluginem zkušenost, aby fungovalo ajaxové volání?). Takže jsem použil:

<script>
$.('a.ajax').on('click', function(){
	$.get(this.href);
});
</script>

,ale nespustí se mi služba na překreslení snipettu. Poradíte mi prosím někdo?

Vím, že to z poloviny s nette úplně nesouvisí a za to se omlouvám.

Předem děkuji za odpověď.

Petr

Zdravím, moc děkuji za radu, ale fancytree stále ajaxový požadavek nefungoval nicméně jsem to otočil a v inicializaci fancytree jsem inicializoval nette.ajax a už to fungovalo… takže vaše rada mi napověděla díky moc… Petr

vytvoří extension „name“ která po úspěšném dokončení ajaxového requestu který je zpracován pomocí nette.ajax.js zavolá funkci „fce“

Ano nepochopil si to ;) Extensiony se zaregistrují hned a to cos uvedl se spustí při každém úspěšném volání ajax requestu. Takže pokud se ti form submitne pomocí nette.ajax.js tak se ti spustí obě extensions, ted obě funkce fce a fce2

Zabloudil jsem sem při hledání řešení na problém dvojitého odesílání formuláře a zjistil jsem, že mám dva roky starou verzi :). No nic, nahrál jsem novou, ale koukám, že musím dost věcí poupravit, abych byl tam, kde předtím. Bohužel readme na githubu moc nepomáhá, přijde mi, že není synchronizované s aktuální verzí. Např. event before dostává namísto uvedeného xhr, settings `nyní `settings, ui, e, event start naopak už settings nedostane.

Omlouvám se, zase jsem stáhl nějakou divnou verzi Dvojité odeslání se nedělo, tak jsem myslel, že mám novější, holt sem asi omylem vlezl do slepé větve.

Narazil jsem na problém u URL předáváné v settings.url. Při kliknutí na odkaz je tam absolutní URL, při odeslání formuláře však pouze relativní, resp. to, co je v parametru action.

Editoval sKopheK (2. 4. 2014 9:30)