Jak použít Nette AJAX spinner?

DefenestrationPraha
Člen | 118
+
0
-

Ani přes maximální snahu se mi nepodařilo zobrazit spinner z projektu Vojtěcha Dobeše. (Flexible AJAX for Nette.)

AJAX samotný mi funguje, například snippety se po volání redrawComponent řádně překreslují. Rozmístím-li si breakpointy do kódu ve skriptu spinner.ajax.js, tak dokonce vidím, že při inicializaci Nette Ajax funkcionality proběhne v extenzi spinner metoda init() volající

this.spinner = this.createSpinner();
this.spinner.appendTo(‚body‘);

Nicméně ve výsledném těle HTML není žádný div s ID-čkem ‚ajax-spinner‘, jako by to appendTo nic neudělalo. Je možné, že se metoda pustila moc brzy nebo moc pozdě?

Jakákoliv snaha o volání $.nette.spinner.start() či $.nette.spinner.complete() pak skončí tím, že objekt je undefined.

Prosím o nějaký minimalistický funkční příklad, jak se s Nette spinnerem má zacházet. Žádný jsem nenašel.

Editoval DefenestrationPraha (13. 1. 2023 21:42)

novaCZek
Člen | 8
+
0
-

zkoušel jsi třeba jen css?

#ajax-spinner {
position: fixed;
width: 100%;
height: 100%;
background-color: #fff;
/* – use if you use bacground image, no ico */
background: #ffffffba url(‚../data/images/spinner.gif‘) no-repeat;
background-size: 200px auto;
background-position: center center;
z-index: 123456;
//background-color: #198754;
transition: all 0.5s;
}