★ModalPopup★

わんくま同盟ホームわんくま同盟の最新記事 MyBlog 　　　Ognac試行部屋　　　

【Popup起動】
POPUP_A：(undef)
POPUP_B：(undef)

POPUP入力

御託

★ModalPopup★
PopUp用のパネルを作成し、ModalPopupExtenderで呼び出す。　DynamicPopulateExtenderで WebSeviceと結合する。
WebServiceは引き数名も合わせる。

ソース


■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\ModalPopup\ModalPopup01.aspx■
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ModalPopup01.aspx.cs" Inherits="AJAX_Control_ModalPopup_ModalPopup" Title="モーダルポップアップ" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">
    </asp:ScriptManagerProxy>
    <script language="javascript" type="text/javascript">
    function onOk() {
        //var T = "ctl00_ContentPlaceHolder1_";
        //var bh = $find('<%=dpe.ClientID%>');
        //bh.populate($get('<%=TBKEY.ClientID%>').value);
    }
    </script> 



         <asp:LinkButton ID="Link01" runat="server">【Popup起動】</asp:LinkButton><br />
          POPUP_A：<asp:Label ID="lbl_Updated" runat="server" Text="(undef)"></asp:Label><br />
          POPUP_B：<asp:Label ID="LBL01" runat="server" Text="(undef)"></asp:Label><br />

        <asp:Panel ID="pnl_Popup" runat="server" 
            BackColor="#CC0080" 
            BorderColor="Green"
            BorderStyle="Ridge" 
            BorderWidth="3px" 
            Height="130px" 
            Width="400px"
        >
            
            <asp:Panel ID="pnl_Title" runat="server" 
            BackColor="#FFFF00" 
            BorderColor="Pink" 
            BorderStyle="Solid"
            BorderWidth="1px" 
            Height="16px" 
            Width="396px">
            <strong>POPUP入力</strong>
            </asp:Panel>

            <br />
            <asp:TextBox ID="TBKEY" runat="server" Columns="60"></asp:TextBox><br />
            <asp:Button ID="btn_RUN" runat="server" Text="実行" /><br />
            <asp:Button ID="btn_Cancel" runat="server" Text="中止" />
       </asp:Panel>
       
       
        <cc1:ModalPopupExtender 
            ID="mpe" 
            runat="server" 
            BackgroundCssClass="modalBackground"
            DropShadow="True" 
            CancelControlID="btn_Cancel" 
            OkControlID="btn_RUN"
            PopupControlID="pnl_Popup" 
            TargetControlID="Link01" 
            PopupDragHandleControlID="pnl_Title" 
            DynamicControlID="lbl_Updated" 
            DynamicServiceMethod="GetA" 
            OnOkScript="onOk()" 
        >
        </cc1:ModalPopupExtender>
        
        
        <cc1:DynamicPopulateExtender 
            ID="dpe" 
            runat="server" 
            PopulateTriggerControlID="LBL01"
            ServiceMethod="GetB" 
            TargetControlID="LBL01" 
            UpdatingCssClass="dynamicPopulate_Updating01"
        >
        </cc1:DynamicPopulateExtender>



</asp:Content>



■e:\user\cervi.reseller\ognadmin\ognogn.com\www\AJAX\Control\ModalPopup\ModalPopup01.aspx.cs■
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.IO;
using System.Text;
using System.Drawing;
using AjaxControlToolkit;

public partial class AJAX_Control_ModalPopup_ModalPopup : System.Web.UI.Page
{
    protected void Page_PreInit(object sender, EventArgs e)
    {
        Page.Theme = (string)Session["テーマ"];
    }


    protected void Page_Load(object sender, EventArgs e)
    {
        ScriptReference sr = new ScriptReference("ModalPopup01.js");
        ScriptManagerProxy1.Scripts.Add(sr);
    }
  /////////////////////////////////////////////////////////////////////////////////
    [System.Web.Services.WebMethod]
    [System.Web.Script.Services.ScriptMethod]
    public static String GetA(String contextKey)
    {
        return "(WebService.GetAの戻り値)[" + contextKey + "]";
    }

    [System.Web.Services.WebMethod]
    [System.Web.Script.Services.ScriptMethod]
    public static String GetB(String contextKey)
    {
        return "(WebService.GetBの戻り値)[" + contextKey + "]";
    }

}