Ajax ModelPopup Extender. RSS

• • Reply
  

  shahid.majee...

  Member

  620 Points

  545 Posts

  Ajax ModelPopup Extender.

  Feb 19, 2012 08:28 PM|LINK

  Hi,

  I want to user Ajax Model pupup externder in my web page. I have created very simple one page that is contain one Label, Model Extender and two ok and canel button in the Panel and 1 Link button.

  I want to do when i click link button. pop up come up with ok and cancel button. if i click Ok button Label text change to Ok Button Click and if i click cancel button Label Text change to Cancel Button Click.

  For now Pop up model come up when i click link button but its not change the label control Text when i click cancel or Ok Button.

  Future Implementation

  this is just sample example for me to understand popup extender concept. I want to use thi extender in my gridview inwhich i have one link button for Delete row. So when user click on delete button in gridview i want to delete that row. so my main purpose to use the popup extender in gridview.

  Here is My ASPX Code

  <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
      CodeFile="Default.aspx.cs" Inherits="_Default" %>
  
  <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
  
  <asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
      <link href="Styles/PopUp.css" rel="stylesheet" type="text/css" />
  </asp:Content>
  <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
      <asp:ScriptManager ID="ScriptManager1" runat="server">
      </asp:ScriptManager>
      <h2>
          Welcome to ASP.NET!
      </h2>
      <asp:LinkButton ID="btn1" runat="server">Click Me</asp:LinkButton>
      <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
          TargetControlID="btn1" PopupControlID="Panel1"  BackgroundCssClass="modalBackground"
               DropShadow="true" CancelControlID="BtnCancel" OkControlID="BtnOk" OnOkScript="BtnOk_Click();">
  
      </asp:ModalPopupExtender>
      <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none" Width="233px">
          <p align="center">Are you Sure you want to delete the room</p>
          <br />
          <div align="center">
              <asp:Button ID="BtnOk" runat="server" Text="OK" onclick="BtnOk_Click" />&nbsp;
              <asp:Button ID="BtnCancel" runat="server" Text="Cancel"
                  onclick="BtnCancel_Click" />
          </div>
      </asp:Panel>
      <asp:Label ID="Label1" runat="server" Text="Label" Visible="false"></asp:Label>
   
  </asp:Content>

  Here Is my Code Behind File.

  using System;
  using System.Collections.Generic;
  using System.Linq;
  using System.Web;
  using System.Web.UI;
  using System.Web.UI.WebControls;
  
  public partial class _Default : System.Web.UI.Page
  {
      protected void Page_Load(object sender, EventArgs e)
      {
  
      }
      protected void BtnOk_Click(object sender, EventArgs e)
      {
          Label1.Visible = true;
          Label1.Text = "Ok Button Click";
      }
      protected void BtnCancel_Click(object sender, EventArgs e)
      {
          Label1.Visible = true;
          Label1.Text = "Cancel Button Click";
      }
  }
  

  Regards,
  Shahid Majeed
  Email: shahid.majeed@gmail.com
• • Reply
  

  MetalAsp.Net

  All-Star

  112075 Points

  18242 Posts

  Moderator

  Re: Ajax ModelPopup Extender.

  Feb 19, 2012 09:00 PM|LINK

  Remove the 2 properties: CancelControlID & OkControlID. Specifying those stops the postback.
  C# <--> VB.Net Translator  |  jQuery Widgets
  • Marked as answer by shahid.majeed on Feb 19, 2012 09:06 PM