How to use button control inside ModalPopup Ajax Control

[girishdonde]

Hi all, I am building one application where i want to do folowing 1) Open popup on button click 2) Pop up contains name textbox and search button and datagrid. 3) user type name in textbox and search result will comre in datagrid I used modal popup ajax control (AnimationExtender) New pop is properly loding with all controls but when i clicked on search button popup window automaticaly close. I am not getting how to handel this? so plz help me if anyone knows soln....

[Vinay Dornala]

Hi, You can put two button(Search N Close) one for search and another for closing popup use UpdatePanel put both buttons in this and call .Hide() method of ModelPopup in code behind on button click event. see the sample impl. .aspx coding TargetControlID="hiddenTargetControlForModalPopup" PopupControlID="programmaticPopup" BackgroundCssClass="modalBackground" DropShadow="false" PopupDragHandleControlID="programmaticPopupDragHandle" RepositionMode="RepositionOnWindowScroll"> Implement your logic for populating Gridview with appropriate search results in Search Button click event in code behind.. Protected Sub btnClose_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnClose.Click Try Me.programmaticModalPopup.Hide() Catch ex As Exception throw ex End Try End Sub Protected Sub btnOk_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnOk.Click Try // implement logic to populate gridview with resultset. // If you want to execute any logic when click on button that opens popup // you put button ouside the updatepanel. Catch ex As Exception throw End Try End Sub Check lines which are in bold format. I hope this will solve your problem. if you get any problem in populating GridView then pls delete search button from updatepanel. You can refer Ajaxtoolkit sample impl video for all ajaxtoolkit controls.

modified on Wednesday, May 28, 2008 10:21 AM