Bu makalede Ajax Control Toolkit nesnelerinden olan modalPopupExtender kontrolü kullanırken karşılaştığım bir probelmin çözümünü paylaşacağım.
- Yazılım Uzmanları
- 13 Mayıs 2018
- 1257 kez görüntülendi.
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>
Bu yazıya 0 yorum yapılmış.