Postback işleminde Asp.Net kontrolünü disable etmek

Özellikle yeni bir kaydın yapılacağı sayfalarda KAYDET butonuna birden fazla tıklandığı zaman veritabanında mükerrer kayıt oluşmaktadır. Bunu engellemek için ASP.NET öncesi teknolojilerde submit butonu gibi formu submit eden kontrolü JavaScript yardımıyla önce disable edip ardından formu submit ediyorduk.
Aynı mantığı ASP.NET server kontrolleri için de uyguladığımızda kontrolün disable olduğunu ancak postback işlemini gerçekleştirmediğine şahit oluruz. Event metodu verilmiş bir buttonu aşağıdaki gibi kodlayalım;

protected void Page_Load(object sender, EventArgs e)
{
    Response.Write("
Buttona tıklandığı zaman button disable olur ancak form submit edilmez. Formu submit etmesini de söyleyelim.

Bu durumda, button, disable olur ancak yine postback işlemi gerçekleşmez sadece formu submit edilmiş olur. Dolayısıyla sadece Page_Load metodu çalışmış olur.
Bu sorunu birkaç şekilde aşabiliriz, öncelikle klasik bir yöntemle bunu aşalım. Buradaki sıkıntımız, formu submit ettikten sonra sunucu tarafına submit button bilgisinin geçmemesidir. Sunucu tarafında sunucuya gelmiş requestleri okuyalım;


Buradaki javascript kodu da Page_Load metodunda yazdırılabilirdi. Artık bu şekilde mükerrer tıklamayı engellemiş olduk. Eğer her sayfanın Page_Load'inda bunu yazmak istemiyorsanız klasik yöntemimizle ASP.NET yöntemini birleştirerek bütün sayfalar için ortak bir javascript fonksiyonu oluşturulabilir. .js dosyasında aşağıdaki fonksiyonu tanımlayalım. Daha sonra kullanılacak sayfalara import edip hangi submit buttonunda kullanmak istersek o button için <i>OnClientClick="SubmitForm(this)"</i> çağrısını ekleyeceğiz.
function SubmitForm(Obj){
    if (typeof(Page_ClientValidate) == 'function') {
        if(Page_ClientValidate()){
            Obj.disabled=true;
            __doPostBack(Obj.id,'');
        }
    }else{
        var hdnKontrol=document.getElementsByName('__WhichSubmitButton');
        hdnKontrol.item(0).setAttribute('name',Obj.getAttribute('name'));
        Obj.disabled=true;
        Obj.form.submit();
    }
}

Bu yöntemde validatorlerin olmadığı sayfalara __WhichSubmitButton isimli hidden kontrolünü eklemeyi unutmamalıyız.

Postback işleminde Asp.Net kontrolünü disable etmek” üzerine bir düşünce

  1. Ahmet Kaymaz Yazar

    Cenk,kodları ve gerekli adımları doğru konumlandırdığından emin misin. Çünkü sayfanın masterpage içerisinde olması buna engel değil. Burada anlatıldığı gibi çalışır.

    Cevapla
  2. Cenk

    Hocam tüm adımlarınızı olduğu gibi tekrar tekrar baştan yaptım. her seferinde hep başarısız oldu. Scriptinizi bir js dosyası yapıp masterpage içinden çağırdım olmadı. açık açık yazdım yine olmadı. aspx dosyasından çağırdım olmadı. aspx dosyasında açık açık yazdım yine olmadı. denemediğim yol kalmadı. ama malesef bir türlü dediğiniz gibi çalışmıyor. keşke attach edebilsem de siz de görseydiniz.

    Cevapla
  3. Aydın Candan

    Ahmet Bey Selamlar.
    Konu: postback-isleminde-aspnet-kontrolunu-disable-etmek/Eğer Masterpage’li sayfada validation kontrolü varsa function SubmitForm(Obj) fonksiyonu içerisinden ‘__doPostBack’ tanımsız hatası alıyoruz.Bilginize sunuyorum.
    Çok uğraştım, artık bunun bir bug olduğunu düşünüyorum. Siz ne dersiniz.

    Cevapla
  4. Aydın Candan

    Tamam
    Onload içine de
    this.Page.GetPostBackEventReference(this.BTN_emailsend);
    koyduğumuz zaman da, hata almıyoruz fakat postBack işlemi gerçekleşmiyor.

    Cevapla
  5. Ahmet Kaymaz Yazar

    Aydın merhaba,Daha önce de konuyla ilgili yapılamadığına dair mesaj geldi. İşin içerisinde javascript dolayısıyla internet tarayıcısının yeteneği olduğu için tam olarak sorunun ne olduğunu kestiremiyorum. Fakat şimdi bile ASP.NET 2.0 ortamında ve IE7 tarayıcısında aynı örneğin yaptığımda çalıştı. Ne yaptığımı adım adım anlatıyorum. Öncelikle VS.NET içerisinde Framework 2.0 altında bir ASP.NET projesi oluşturdum. Projenin içerisine bir masterpage ve bir bu materpage içerisine konumlanmış olan bir aspx sayfası oluşturdum. masterpage içerisine bir TextBox, bir Button ve bir tane RequiredFieldValidator kontrolü ekledim. Button’un OnClientClick eventini “OnClientClick=”SubmitForm(this)” şeklinde bir JavaScript yordamı olan SubmitForm() yordamına bağladım. JavaScript kodunu aşağıdaki gibi düzenledim.function SubmitForm(Obj){
    if (typeof(Page_ClientValidate) == 'function') {
    alert('Sayfada Validator Kontrol Var.');
    if(Page_ClientValidate()){
    alert('Validation işlemi başarılı.\nKontrol şu anda disable edilecek.');
    Obj.disabled=true;
    alert(Obj.id +' kontrolü disable edildi.');
    __doPostBack(Obj.id,'');
    }else{
    alert('Validation işlemi başarısız.');
    }
    }else{
    alert('Sayfada Validator Kontrol Yok.');
    var hdnKontrol=document.getElementsByName('Hidden1');
    hdnKontrol.item(0).setAttribute('name',Obj.getAttribute('name'));
    alert('Validation işlemi yok.\nKontrol şu anda disable edilecek.');
    Obj.disabled=true;
    alert(Obj.id +' kontrolü disable edildi.');
    Obj.form.submit();
    }
    }
    if (typeof(Page_ClientValidate) == ‘function’) {
    alert(‘Sayfada Validator Kontrol Var.’);
    if(Page_ClientValidate()){
    alert(‘Validation işlemi başarılı.\nKontrol şu anda disable edilecek.’);
    Obj.disabled=true;
    alert(Obj.id +’ kontrolü disable edildi.’);
    __doPostBack(Obj.id,”);
    }else{
    alert(‘Validation işlemi başarısız.’);
    }
    }else{
    alert(‘Sayfada Validator Kontrol Yok.’);
    var hdnKontrol=document.getElementsByName(‘Hidden1’);
    hdnKontrol.item(0).setAttribute(‘name’,Obj.getAttribute(‘name’));
    alert(‘Validation işlemi yok.\nKontrol şu anda disable edilecek.’);
    Obj.disabled=true;
    alert(Obj.id +’ kontrolü disable edildi.’); Obj.form.submit();
    }Sayfayı çalıştırıp button’u tıkladığımda ilgili alert’ler çalıştı. Hatta validation kontrolünü kaldırıp denediğimde de çalıştı.’__doPostBack’ üyesinin tanımsız olduğunu yazmışsın. ASPX sayfasının html çıktısına baktığımızda gerçekten “__doPostBack(eventTarget, eventArgument)” şeklinde bir yordam yok mu.

    Cevapla
  6. Aydın Candan

    Ahmet Bey ilginiz için teşekkür ederim.
    Öncelikle söylemek istediğim ‘__doPostBack’ hatasını almamın nedeni, benim normal buton kullanmamamdır.(userwebcontrol kullanmıştım).Şimdi esas konumuza dönersek aşağıdaki demoyu incelerseniz göreceksiniz ki illaki validation kontrol olduğunda yalnızca form submit oluyor. postback olmuyor.candan.org/..rar

    Cevapla
  7. Ahmet Kaymaz Yazar

    Mesajlarına odaklanamamışım kusura bakma. Sorunun disable veya submit değil postback işleminin gerçekleşmiyor olmasıdır. Yeri gelmişken diğer arkadaşlar için de bir özetleme yapıp sorunun neyden kaynaklandığını yazalım.Herhangi bir olayda postback işleminin gerçekleşmesi için istemci tarafında o kontrolün ilgili olayının (click, changed .) __doPostBack() yordamını çalıştırması gerekir. Bu yordam hangi kontrolün tıklandığını ve hangi argümanlası sunucuya göndereceğini belirler. Bu amaçla eventTarget, eventArgument parametrelerini alır. İlk parametre postback işlemine neden olmuş kontrolün adını, eventArgument ise sözkonusu kontrol ile ilişkili bilgileri, argümanları içerir. Bu iki parametrenin değeri aspx sayfasıyla birlikte otomatik olarak gelen ve hidden özelliğine sahip __EVENTTARGET, __EVENTARGUMENT kontrollerinde tutulur. Form submit olduğu zaman bu kontrollerin değerleri sunucuya gönderilir. Bundan sonraki süreç yazıda anlatıldığı gibi sunucu tarafında gerçekleşir. Sayfada kullandığımız bir kontrolün istemci tarafında HTML tag ifadesinin nasıl olacağı kontrolün user control, master page, panel gibi herhangi bir container içerisinde olup olmamasına bağlıdır. Örneğin sunucu tarafında ID’si Button1 olan kontrol sayfada masterpage yoksa aşağıdaki html ifadeye dönüşür.Eğer aynı kontrol doğrudan bir master page içerisinde olursa aşağıdaki gibi değişir.Aynı şekilde aynı kontrol master page içerisindeki bir sayfanın içerisinde olursa bu sefer şu şekilde değişir.Buradaki id ve name bilgisi tamamen kontrolün kontrolün sunucu tarafındaki konumuna ve konteynerlerin ID bilgisine göre oluşturulur. Bir kontrolün istemci taraındaki id bilgisinin ne olduğu this.Button1.ClientID özelliğiyle, name bilgisi ise this.Button1.UniqueID ile öğrenilir.Bu kontrollerin postback işlemini gerçekleştirebilmesi için __doPostBack yordamına istemci tarafındaki id bilgisi değil name bilgisinin parametre olarak gönderilmesi gerekir. Oysa bizim yazdığımız JavaScript yordamında __doPostBack(Obj.id,”); şeklinde kontrolün ID’si alınmıştır. O zaman bu satırı değiştirmemiz gerekiyor. __doPostBack(Obj.name,”); şeklinde yaparsak sorun çözülmüş olacak. Bu arada ASP.NET 2.0 ile birlikte hem scroll konumunu korumak hem de sunucuya daha fazla bilgi göndermek için __doPostBack yordamına alternatif olarak WebForm_DoPostBackWithOptions yordamı geliştirildi. Bu yordamın parametre yapısı şu şekildedir;WebForm_DoPostBackWithOptions(WebForm_PostBackOptions(eventTarget, eventArgument, validation, validationGroup, actionUrl, trackFocus, clientSubmit)) Ama bu yordama dışarıdan müdahale edemiyoruz. Otomatik olarak postback kontrollerine ekleniyor. Onun için şimdilik __doPostBack yordamına devam edeceğiz. Fakat postback olmayan bir kontrolün postback kontrolü çalıştırmasını sağlayabiliriz.TIKLA ve POSTBACK ET

    Cevapla
  8. Aydın Candan

    Ahmet Bey,
    İlginize tekrar teşekkür ediyorum. dediklerinizi harfiyen yerine getirip anladıktan sonra sorun yok.Bende işi abartıp bunlara ek olarak ‘postback durumunda ekranı disable etmek’ olayına getirdim işi. ekte sınıfın source kodları ve demo mevcut. isteyen herkes inceleyip bir fikir sahibi olabilir, geliştirebilir.postlarda adres vermek ne derece doğru bilmiyorum ama buradan indirebilirsiniz. http://www.candan.org/_diger/WebSite2.rar

    Cevapla
  9. Ahmet Kaymaz Yazar

    Aydın,örneği geliştirip custom control haline getirmiş olman çok güzel. Eline sağlık. Verdiğin link geçersiz olmadıktan sonra adres vermenin bir sakıncası yok bence.

    Cevapla
  10. Aykut CANTÜRK

    arkadaslar benim şöyle bir sorunum var
    konuyla pek alakalımı bilmiorm ama yaziim dedim
    yardımcı olursanız gerçekten çok sevinirim
    bir gridview ım var bu grid de arama sonuçlarını gösteriorm
    tıklanan ürünün id sine göre o ürüne ait detay sf sını gösteriorm
    fakat gridviewın asp kodlarında postback’ini iptal etmem gerek işi c# kod bölümünden halledicem yani
    ama o kısmı sildigim zaman hata veriyor PostBackUrl=”javascript:void(0) ” yaptığım zaman ise hiçbi işlem yapmıyor. gridview ın selectedindexchanged alanında yazdığım kodlarıda çalıştrmıyor .yani sorunum postback i silememek.
    sorunu çözemedm yardımcı olursnız sevinirim

    Cevapla
  11. Utku Yıldırım

    Merhaba Ahmet Hocam, dediğiniz şekilde obj.id yerine obj.name kullandım fakat gene postback işlemi gerçekleşmedi.Elimde bir online test modülü var cevapla butonuna 2 kere basmayı engellemek istiyorum ama bu sefer 1. sorudan 2. soruya geçemiyorum postback işlemi gerçekleşmediği için.Yardımcı olursanız çok sevinirim, şimdiden teşekkür ederim. İyi çalışmalar.

    Cevapla
  12. Utku Yıldırım

    Hocam, sizin alert ile verdiğiniz örnekteki scripti de denedim ama çalıştıramadım bir türlü validator kullanmadığım zaman kullanılmadı diye hata mesajı almam gerekmiyor muydu? Siz kullanmasam da çalıştı demişsiniz.

    Cevapla
  13. Ahmet Kaymaz Yazar

    Sevgili Utku,özellikle 9.yorumda yazdıklarıma dikkat etmeni tavsiye edeceğim. Onun dışında özel birşey yapmana gerek yok. Eğer yine de olmuyorsa IE’ın JavaScript ayarlarından kaynaklanıyor olabilir. Ayrıca JavaScript içerisinde alert ile uyarı vererek tam olarak nereye takıldığını görmek lazım.

    Cevapla
  14. Utku Yıldırım

    Cevap için teşekkürler hocam. 9. yorumdaki yazınızı dikkatle okudum ve 7. örnekteki scripti uyguladım fakat sonuç alamadım. Sayfamda validation kullanmadığım için else satırı düşüyorum ilk alertı verdikten sonra diğer alertleri vermeden bir sonraki soruya geçiyorum form submit ediliyor sanırım. Bu şekilde 1 er 1 er ilerleyebiliyorum ama işin kötü yanı ilk alerti kaldırdığımda çift tıklama ile soruyu cevaplarsam disable çalışmıyor ve 2 soru birden cevaplanıyor. Projeyi teslim etmek üzereyiz ve sırf bu yüzden tıkandık kaldık yardımlarınızı bekliyorum. Şimdiden teşekkürler.

    Cevapla
  15. Utku Yıldırım

    Merhaba hocam, kusura bakmayın epeydir cevap atamadım size sorunumu hallettim sanıyordum. Bu sefer de başka bir problem çıktı. Scriptim çalışıyor fakat ie da açtığımda explorer komut dizisi hatası verdirtiyor. Açıklama olarak da form1.lnkbtn_cvp nesne değil ya da null diyor. Scriptim aşağıda, cevapla butonuna basınca bir sonraki soruya sorunsuz bir şekilde geçmesi gerekirken böyle bir hata alıyorum yardımcı olabilirseniz çok sevinirim. Teşekkürler.function SubmitForm(Obj) {
    form1.lnkbtn_cevap.disabled = true;
    __doPostBack(Obj.name, “);
    alert(“Postback çalıştı”);
    }

    Cevapla

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Time limit is exhausted. Please reload CAPTCHA.