Bu makalede Ajax Control Toolkit nesnelerinden olan modalPopupExtender kontrolü kullanırken karşılaştığım bir probelmin çözümünü paylaşacağım.

Modal Popup client tabanlı işlemler

             Modal popup kullanırken server tabanlı işler yaptığımızdan bastığımız her  asp.Net butonu sayfayı refresh eder. Bu yüzden içerisinde  veritabanından çektiğimiz verileri gösterdiğimiz bir modal popup' a buton ekleyip CancelButttonId propertysine bir değer versek de sayfa yine server tabanlı çalışır. Bu işlemin çözümü için aşağıdaki adımları takip edebilirsiniz. Önce birer adet Show ve Hide adında javascript metod oluşturacağız. Daha sonra bu metodları kullanarak modal popup kontrolümüzü client tabanlı çalıştıracağız.
          1)  Modal popup kontrolünün BehaviorID propertysine bir isim verin.Örnek : BehaviorId="ModalPopup"
          2)  $find metodunu kullanarak Modal Popup kontrolümüzü bulacağız.
          3) Bulduğumuz modalPopup kontrolümüzü Show ve Hide metodları ile gizleyip gösterebiliriz.

          Aşağıdaki Metodları ModalPopup Kontrolünüze eklediğiniz butonların onClick  metoduna atayarak işlemlerinizi gerçekleştirebilirsiniz.

<script language="javascript">

    function ShowModalPopup()

        {

            $find("ModalPopup").show();

        }

    function HideModalPopup()

        {

            $find("ModalPopup").hide();

        }

</script>

 

İlgili Makaleler

Daha Fazla

Bu yazıya 0 yorum yapılmış.

Yorum Gönder