Jak použít Nette AJAX spinner?
- DefenestrationPraha
- Člen | 120
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
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;
}