Ajax Modal Popup Extender


In aspx: Add following code

<AjaxControlToolkit:ModalPopupExtender ID="popupid" runat="server" TargetControlID="controlid" PopupControlID=" popupcontrolid" DropShadow="True" BackgroundCssClass="cssclass" DynamicServicePath="" Enabled="True">
</AjaxControlToolkit:ModalPopupExtender>



TargetControlID is control id like Textbox, Checkbox, Imagebutton. On click of this popup fires. control id can be in mode visible=false and we can trigger the popup by calling show() function in codebehind but if we didn’t given that targetcontrolid to ModalPopupExtender it will throw error


PopupControlID is Popupcontrol like panel to be displayed on click of targetcontrolid.




Eg.:
<asp:ImageButton ID="imbworkordermachinesearch" runat="server" Style="vertical-align: bottom;"  ImageUrl="~/Images/search.gif" />

<AjaxControlToolkit:ModalPopupExtenderID="workOrderCreationMachineSearch" runat="server"TargetControlID="imbworkordermachinesearch"PopupControlID=" pnlWorkordercreation"DropShadow="True" BackgroundCssClass="spareMadalBachground" DynamicServicePath="" Enabled="True">
</AjaxControlToolkit:ModalPopupExtender>


<asp:Panel runat="server" ID="pnlWorkordercreation" Style="display: none">
 <div style="float: right; outline: none;">
 <asp:ImageButton ID="ImageButton10" runat="server" Style="outline: none;" ImageUrl="~/Images/Close.png" AlternateText="Close" ToolTip="Close" CausesValidation="False" OnClick="imbworkorderclose_clicked"/>
</div>                                  
 <div style="width: 300px; padding: 10px; background-color: #85A2D4;">
 </div>
  <div id="Div3" style="width: 300px; padding: 10px; background-color:White ;">
  <asp:Label ID="lblWorkorderscreation" runat="server" Text="Work Order No" Width="170px" Font-Bold="true"></asp:Label>

 <asp:TextBox ID="txtWorkordercreation" runat="server" Width="200px" AutoPostBack="True"MaxLength="150"></asp:TextBox>


<asp:Button ID="Button1" runat="server" Text="Search" Width="70px" OnClick="btnMachinesSearch_Click" CssClass="ui-state-default ui-corner-all"/>
                                   
 <asp:Label ID="lblMachinecodecreation" runat="server" Text="MachineCode" Width="170px" Font-Bold="true"></asp:Label>



<asp:TextBox ID="txtMachinecodecreation" runat="server" Width="200px" AutoPostBack="True"MaxLength="150"></asp:TextBox>
</div>

 </asp:Panel>

If there is any button in popup extender like close button then in cs we can write an click event

e.g.1 :
protected void imbworkorderclose_clicked(object sender, ImageClickEventArgs e)
        {
            Clear grid if any



         }
  
e.g.2 :


   protected void btnMachinesSearch_Click(object sender, EventArgs e)
        {
            Your code

         }
            workOrderCreationMachineSearch.Show();
        }     

Comments

Post a Comment

Popular posts from this blog

How to retain the data annotations or class during modify a table in the database

Image
In database-first approach since there is an existing database., The entity classes are automatically created by edmx model.: If we use [MetadataType(typeof(ConceptMetadataSource))] to attach a MetadataSource file which contains all the data annotations like [HiddenInput(DisplayValue = false)] or [Display(Name = "Title")]. The data annotations will be wiped out each time the entity classes are regenerated as the code will be regenerated once we modify a table in the database Solution: All you have to do is create another partial class and use Metadatatype attribute Create a metadata class in models as below…   Create a Partial class for the metadata in models as below… The new partial class can be created in a different folder
Read more

Interview Questions

Difference between GET and POST. Which one is more secure? GET and POST methods are used for the data transfer between the web pages. GET mainly used for small data which is not secure because in case of GET method, the data which we are passing will be visible in the url so we can't keep the secure data which will be visible in the url. There is also limited data which can be passed in case of GET method (max 255 character). POST is used for transferring the huge data between the pages where we can keep the secure data and can transfer it. In case of using the POST method, the data which is transferring between the pages will not be visible so it is more secure than the GET method. Also there is no limit for POST method to post the data to the next page. POST is more secure What are Razor engines? How is it diff from ASP Engines? A. RAZOR engine is the new concept in the MVC 3 which is mainly used to create the views in the MVC applications. It created the cshtml pages for...
Read more

AJAX CONTROL

Image
1.        Goto  web confiq add following controls        < controls >   < add tagPrefix = " ccl " namespace = " AjaxContolToolkit " assembly   = " AjaxContolToolkit " />      </ controls > 2.        Go to  bin folder  ->  include project -> add ajax.dll file from AjaxControl Toolkit 3.        Add  toolsciptmanager  to default.aspx            < asp : ToolkitScriptManager ID ="ToolkitScriptManager1" runat ="server">         </ asp : ToolkitScriptManager > 4.        Create a function < script type = "text/javascript" >     function panelclick()     {    alert( "click" );  ...
Read more