Vložení vlastního makra n:confirm

Ummm a v čem je lepší psát n:confirm místo data-confirm?

Nilp napsal(a):

Ummm a v čem je lepší psát n:confirm místo data-confirm?

To je podobná otázka jako proč psát Form::FILLED místo :filled. Jak píše Honza. Když někde něco změníš, tak všude, nemusíš to hledat a přepisovat.

Ja to zatím udělal tak, že v tom klasickém handleru ignoruju to co jde z odkazu, kde class = ajax

<script>
   $('a[data-confirm], button[data-confirm], input[data-confirm]').live('click', function (e) {
        var el = $(this);

        if(el.hasClass('ajax')){
            return true;
        }

        if (el.triggerAndReturn('confirm')) {
            if (!confirm(el.attr('data-confirm'))) {
                return false;
            }
        }
    });
</script>

a v tam kde registruju udalost pro class = ajax mám

<script>
$("a[href].ajax").livequery("click",function(e){
    e.preventDefault();

    var el = $(this);

    if(el.attr('data-confirm')){
        if (el.triggerAndReturn('confirm')) {
            if (!confirm(el.attr('data-confirm'))) {
                return false;
            }
        }
    }

    $.get(el.attr("href"));

});
</script>

Nic lepšího jsem zatím neměl čas bastlit.

Edit: A samozřejmě, nesmíš zapomenout v nějakém skriptu před těmito dvěma zaregistrovat to rozšíření JQ o funkci triggerAndReturn.

<script>
    $.fn.extend({
        triggerAndReturn: function (name, data) {
            var event = new $.Event(name);
            this.trigger(event, data);
            return event.result !== false;
        }
    });
</script>

Editoval Vyki (21. 11. 2010 21:07)

Myslim, že když v té confirmovací funkci použijete e.preventDefault() a e.stopImmediatePropagation() místo return false, tak to zafunguje i na zajaxované odkazy.

Honza Marek napsal(a):

Myslim, že když v té confirmovací funkci použijete e.preventDefault() a e.stopImmediatePropagation() místo return false, tak to zafunguje i na zajaxované odkazy.

Díky za tip – vyzkouším.

Vladimír Kocourek napsal(a):
Podědil jsem Nette\Templates\LatteMacros do své třídy (Catta\LatteMacros), kde definuju svoje makra obdobným způsobem jako původní třída a v přepsané __construct() přidám svoje makra k původním.

Není to až příliš komplikované? Rozšířit si to výchozí pole LatteMacros::$defaultMacros se mi zdá o poznání snadnější.

Editoval Vyki (21. 11. 2010 22:05)

Honza Marek napsal(a):

Myslim, že když v té confirmovací funkci použijete e.preventDefault() a e.stopImmediatePropagation() místo return false, tak to zafunguje i na zajaxované odkazy.

Ha, to je ono! e.preventDefault() jsem tam zkoušel dát, ale zapomněl jsem na to, že je tady potřeba ještě ta druhá metoda. Díky, po této úpravě to už funguje tak, jak má.

V Nette bude existovat skript nette.js, který bude mimo jiné řešit potvrzování a bude k tomu využívat atribut data-nette-confirm. Takže pokud chcete být dopředně kompatibilní, používejte tento zápis.

sairon napsal(a):
Ha, to je ono! e.preventDefault() jsem tam zkoušel dát, ale zapomněl jsem na to, že je tady potřeba ještě ta druhá metoda. Díky, po této úpravě to už funguje tak, jak má.

Můžu se zeptat, kam konkrétně jsi to e.preventDefault()? Zkoušel jsem to dávat k té confirm fci, potom na další místa, ale stejně se to na pozadí tím ajaxem odešle, když nedám podmínku přímo do fce pro ajax odesílání.

Tohle by celkem efektivně mohl umět řešit ConfirmationDialog ne?

Vyki napsal(a):

sairon napsal(a):
Ha, to je ono! e.preventDefault() jsem tam zkoušel dát, ale zapomněl jsem na to, že je tady potřeba ještě ta druhá metoda. Díky, po této úpravě to už funguje tak, jak má.

Můžu se zeptat, kam konkrétně jsi to e.preventDefault()? Zkoušel jsem to dávat k té confirm fci, potom na další místa, ale stejně se to na pozadí tím ajaxem odešle, když nedám podmínku přímo do fce pro ajax odesílání.

U mě naprosto stačí jenom tahle lehká úprava:

$('a[data-confirm], button[data-confirm], input[data-confirm]').live('click', function (e) {
     var el = $(this);
     if (el.triggerAndReturn('confirm')) {
         if (!confirm(el.attr('data-confirm'))) {
         	e.preventDefault();
         	e.stopImmediatePropagation();
             return false;
         }
     }
 });

Důležitá je právě i metoda stopImmediatePropagation(). Nemůže pak činit problémy mixování .live() a .livequery()? Nechce se mi zkoumat, jak se od sebe liší, já si vždycky vystačil s .live(), i tady registruju funkci pro AJAX odeslání i pro confirm dialog přes .live(‚click‘,fce).

Edit: A teď jsem si všiml ještě jedný čertoviny – nejprve je nutné zaregistrovat event pro potvrzení, pak až funkci, která bude odesílat request. Ono je to vlastně celkem logické :)

Editoval sairon (25. 11. 2010 16:24)