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>