お世話になっております。
ASP.NET Webフォームで AJAX Control Toolkit を使用して開発中なのですが、
ユーザコントロールを用いた場合の制御が上手くいきません。
(ユーザコントロール部分をページ直書きだとうまくいきます)
どなたかご助言いただけないでしょうか。
OS: Windows 7 Pro
ASP.NET Framework 4.7 (Webフォーム)
言語: C#
開発環境: Visual Studio 2017
ブラウザ: IE11
実装目標
(1) ユーザコントロールに、モーダルダイアログを実装。
(2) 親画面のボタン押下で、(1)のユーザダイアログを表示。
(3)「実行しますか？」のダイアログの OKボタンのイベントで、
親画面のラベルに「実行しました」等のメッセージを表示。
親画面で、「OK」または、「キャンセル」の押下を引数で条件分岐させる
ことはできているのですが、ラベルの表示変更をさせることができません。
ラベルのTextプロパティに正しく値は渡されています。
[ユーザコントロール.ascx]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<%@ Control Language="C#" AutoEventWireup="false" CodeBehind="DialogMessage.ascx.cs" Inherits="UserControl.DialogMessage" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!-- ダミーボタン(非表示) -->
<asp:Button ID="btnDummy" runat="server" Text="Button" Style="display: none" />
<!-- ポップアップ部分 -->
<asp:Panel ID="pnlDialog" runat="server">
<div class="dialog">
<div class="content">
<div class="message">
<asp:Label ID="lblMsg" runat="server"></asp:Label>
</div>
</div>
<br class="clearfloat" />
<div class="button">
<asp:Button ID="btnOk" Text="OK" OnClick="btnOk_Click" runat="server" />
<asp:Button ID="btnCancel" Text="Cancel" OnClick="btnCancel_Click" runat="server" />
</div>
</div>
</asp:Panel>
<!-- ModalPopupExtender -->
<asp:ModalPopupExtender ID="mpeCommon" TargetControlID="btnDummy" PopupControlID="pnlDialog"
DropShadow="true" Drag="false"
PopupDragHandleControlID="pnlDialog"
CancelControlID="btnCancel"
BackgroundCssClass="modalBackground"
runat="server"/>
[ユーザコントロール.ascx.cs]
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
/// <summary>
/// ボタン押下時の引数
/// </summary>
public class OnButtonEventArgs : EventArgs
{
#region プロパティ
/// <summary>
/// 押下ボタンのタイプ
/// </summary>
public Const.DialogResultType ResultType { get; set; }
#endregion プロパティ
#region コンストラクタ
public OnButtonEventArgs()
{
}
#endregion コンストラクタ
}
/// <summary>
/// ポップアップ表示クラス
/// </summary>
public partial class DialogMessage : System.Web.UI.UserControl
{
#region public変数(イベント)
public delegate void DialogClosedHandler(object sender, OnButtonEventArgs e);
public event DialogClosedHandler DialogClosed;
#endregion public変数(イベント)
#region プロパティ
/// <summary>
/// メッセージ プロパティ
/// </summary>
public string Message
{
get
{
return this.Message;
}
set
{
this.lblMsg.Text = value;
}
}
#endregion プロパティ
#region イベント
protected void Page_Load(object sender, EventArgs e)
{
}
#endregion イベント
#region publicメソッド
/// <summary>
/// ダイアログ表示
/// </summary>
public void Show()
{
try
{
// ModalPopupExtender 表示
this.mpeCommon.Show();
OnButtonEventArgs e = new OnButtonEventArgs();
// 初期値設定
e.ResultType = Const.DialogResultType.None;
this.DialogClosed(this, e);
Session[Const.SessionItem.DialogClosed] = this.DialogClosed;
}
catch (Exception ex)
{
string error = ex.ToString();
}
}
#endregion publicメソッド
#region コンストラクタ
/// <summary>
/// コンストラクタ
/// </summary>
public DialogMessage()
{
}
#endregion コンストラクタ
/// <summary>
/// OKボタン押下時
/// </summary>
protected void btnOk_Click(object sender, EventArgs e)
{
OnButtonEventArgs eventArgs = new OnButtonEventArgs();
eventArgs.ResultType = Const.DialogResultType.OK;
this.DialogClosed = (DialogClosedHandler)Session[Const.SessionItem.DialogClosed];
DialogClosed(this, eventArgs);
}
}
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[親画面.aspx]
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="DialogTest.WebForm1" %>
<%@ Register Src="~/UserControl/DialogMessage.ascx" TagPrefix="uc1" TagName="DialogMessage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>ユーザコントロール</title>
<link href="~/Content/DialogMessage.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ToolkitScriptManager1" runat="server" />
<uc1:DialogMessage runat="server" id="DialogMessage" />
<div>
<asp:Button ID="btnMessage" Text="ポップアップ" OnClick="btnMessage_Click" runat="server" />
</div>
<div>
<asp:Label ID="lblTest" Text="テストラベル" runat="server"></asp:Label>
</div>
</form>
</body>
</html>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[親画面.aspx.cs]
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if(Page.IsPostBack == false)
{
this.lblTest.Text = "Load時設定";
this.lblTest.BackColor = Color.Aqua;
}
}
protected void btnMessage_Click(object sender, EventArgs e)
{
this.DialogMessage.Message = "メッセージ";
this.DialogMessage.DialogClosed += new DialogMessage.DialogClosedHandler(DialogMessage_DialogClosed);
this.DialogMessage.Show();
}
/// <summary>
/// ダイアログ押下時の処理
/// </summary>
private void DialogMessage_DialogClosed(object sender, OnButtonEventArgs e)
{
Const.DialogResultType btnType = e.ResultType;
// OKなら処理続行
if (btnType == Const.DialogResultType.OK)
{
this.lblTest.Text = "OK を選択";
this.lblTest.BackColor = Color.GreenYellow;
}
// Cancelなら処理中断
else if(btnType == Const.DialogResultType.Cancel)
{
this.lblTest.Text = "Cancel を選択";
this.lblTest.BackColor = Color.IndianRed;
}
}
}
