dotNETportal.cz

Zdravím,

mám formulář s tlačítkem "Uložit". Po stisku se data ukládají do DB, ale mám problém s tím, že uživatel stiskne tlačítko 2x data se uloží 2x. Mohu toto ošetřit na klientské straně např. tak, že by se po prvním stisku tlačítko disablovalo? Nemáte nějaký příklad? Nevím jak k tlačítku dostat OnClientScript, resp. jak se odvolat na ID tlačítka, které se ke klientovi generuje dynamicky.

Děkuji

<script type="text/javascript" language="javascript">

function confirmSave(TextProConfirm, TextProAlert) {
    if (typeof TextProConfirm == "undefined") {
        TextProConfirm = "pokracovat";
    }
    var dotaz = confirm(TextProConfirm);

    if (!dotaz) {
        if (typeof TextProAlert != "undefined") {
            alert(TextProAlert);
        }
        return false
    }
}
</script>



<asp:Button ID="Ulozit" runat="server" Text="Uložit záznam" OnClientClick="return confirmSave('Uložit záznam?')" />

Toto je dost obvyklý problém. Jedním z možných řešení (mimo disablování tlačítka) je třeba po stisku tlačítka vykreslit přes stránku nějaký průhledný div.

Příklad bohužel k dispozici nemám, ale problém s tím, jak dostat k tlačítku zmíněný javascript, je možné vyřešit třeba

1) pomocí nějakého (unobtrusive) jquery - tlačítku třeba nastavíte nějakou class ... o jquery je tady přímo článek od Tomáše Hercega

2) pokud je to tlačítko asp.net webcontrol, který vyvolává postback, pak byste mohl reagovat na submit celého formuláře a ne jen na konkrétní tlačítko

3) prozradíte zde, jak je tlačítko dynamicky generováno, možná příjdeme ještě na lepší variantu

Miroslav Kaděra

Vše bych řešil na serverové straně(pokud jde tedy o WebControl button) a to buďto pomocí:

1)UniqueID v databázi

2)Pomocí validace,kdy by se po odeslání dat do DB form vymazal a při dalším uložení by již form neprošel validací,tj.neuložil.

ad 1) To dost dobře nelze, data, která ukládám nejsou jedinečná. V DB je sice unikátní ID, ale to je jen v DB a ne u klienta.

ad 2) Možná by to šlo, ale co když klient stiskne tlačítko 2x ještě dřív, než se validace prvního stisku stihne na serveru provést?

Ve stávajícím stavu se po uložení provádí Response.Redirect na stránku, která jen říká "Data byly uloženy...", ovšem tento krok je nedostačující a některým uživatelů se daří data uložit 2x.

Form tam ani nemám, jsou tam dvě tlačítka, které vyvolávají postback (Kontrola zadaných dat, Uložení).

Tlačítko je klasické <asp:Button>. Původně jsem chtěl v javascriptu disablovat a nevěděl jsem, jak se odkázat na id tlačítka, když server vyrobí html dynamicky a tudíž id ani name dopředu neznám.

Zkusil jsem skript v prvním příspěvku, částečně to problém řeší, uživatel má jistotu, že tlačítko stiskl a nemusel by se o to pokoušet znovu.

Dle toho co píšete bych Vám spíše navrhoval se naučit základy technologie asp.net.A to hlavně validaci...

Pokud tlačítko vyvolá postback tak není co řešit.

Dále unique ID je jasné,že bude na úrovni databáze(jak jinak) a k vyřešení vašeho problému to bohatě stačí.

Nejjednodušíí ale bude v rámci postback requestu tlačítko jednoduše disablovat.

Form tam mít musíte, bez něj v ASP.NET nefunguje nic. Celá stránka je jeden HTML form.

Pokud tedy nemyslíte komponentu FormView, ta dělá něco jiného.

Určitě bych doporučoval použít unobtrusive řešení, tedy takové, které nějakým skriptem aplikujete globálnbě pro celou aplikaci (s možností ho lokálně vypnout).

Do masterpage přidejte referenci na jQuery a třeba tento skript (samozřejmě si ho upravte, tohle je jen příklad):

$(document).ready(function () {

    $("input[type=button]:not('[data-double-submit=no]')").live("click", function () {
        if ($(this).data("double-submit-clicked")) return false;   // pokud už na tlačítko bylo kliknuto, zamítnout to
        $(this).data("double-submit-clicked") = true;
    });
});
Sys.Application.add_load(function () {
    // po dokončení AJAX postbacku přes UpdatePanel vynulovat tlačítkům příznak double-submit-clicked
    $("input[type=button]:not('[data-double-submit=no]')").data("double-submit-clicked", false);
});

Píšu to z hlavy, takže možná tam bude nějaká bota. Princip spočívá v tom, že vezmeme všechna tlačítka ve stránce (live bude fungovat i na ta, která dynamicky přidáme později, např. přes update panel), vynecháme ta, která mají atribut data-double-submit="no" a pokud na ně klikneme, přidáme si přes jQuery funkci data příznak, že se na tlačítko kliknulo. Pokud už tam ten příznak je, vrátíme false, což kliknutí na tlačítko zamítne a nestane se nic.

Pokud se dokončí AJAX postback, potřebujeme, aby na tlačítka šlo klikat dál, v klientské události load tedy příznak u všech tlačítek vynulujeme.