0

ボタンのクリックを処理するための更新パネルを備えたWebユーザーコントロールとして実装したいhtml5キャンバスとjavascript署名パッドを作成しました。何らかの理由で、更新パネルと署名パッドコントロールをaspxファイルに直接追加すると、自動ポストバックイベントは機能しますが、同じコードをWebユーザーコントロールに配置すると、フィールド（キャンバス、ボタン、divなど）は表示されますが、自動ポストバックは機能しなくなりました。どちらの場合も、スクリプトマネージャーを更新パネルの上に配置しています。

これが私のascxコードです：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Signature_Pad.ascx.cs"     Inherits="Controls_Signature_Pad" %>

 <asp:UpdatePanel runat="server" ID="signatureUpdate"  updatemode="Conditional">
  <Triggers>
     <asp:AsyncPostBackTrigger controlid="signatureApprove" eventname="Click" />
     <asp:AsyncPostBackTrigger controlid="sigClear" eventname="Click" />
     <asp:AsyncPostBackTrigger controlid="sigCancel" eventname="Click" />
  </Triggers>
  <ContentTemplate>
        <fieldset id="SignatureFieldSet" runat="server" style=" border: 1 solid black;">
       <p><asp:Label ID="signatureTextLabel" AutoPostBack="true"  runat="server" Text=""></asp:Label></p>
        <div id="canvasDiv" style="height: 300px; border:0px solid #000000; ">
            <canvas id="canvasSignature"  style="border:1px solid #000000;"></canvas>
        </div>
        <div id="sigButtonDiv"  style=" border:0px solid #000000;">
            <br /><br />
            <asp:Button AutoPostBack="true" runat="server" OnClick="OnApprove" ID="signatureApprove" Text="Approve" />
            <asp:Button AutoPostBack="true" runat="server" OnClick="OnClear" ID="sigClear" Text="Clear" />
            <asp:Button AutoPostBack="true" runat="server" OnClick="OnCancel" ID="sigCancel" Text="Cancel" />
        </div> 
    </fieldset>
 </ContentTemplate>
</asp:UpdatePanel>

これが私のascxコードの背後にあります：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Controls_Signature_Pad : System.Web.UI.UserControl
{
private string signatureData;
private string signatureText;

public string SignatureData
{
    get { return signatureData; }
    set { signatureData = value; }
}
public string SignatureText
{
    get { return signatureText; }
    set { signatureText = value; }
}

public void OnApprove(object sender, EventArgs e)
{
    UtilityClass.showMessageBox("Approve Clicked", this);
    SignatureText = "Approved Clicked";
}
public void OnClear(object sender, EventArgs e)
{
    UtilityClass.showMessageBox("Clear Clicked", this);
    SignatureText = "Clear Clicked";
}
public void OnCancel(object sender, EventArgs e)
{
    UtilityClass.showMessageBox("Cancel Clicked", this);
    SignatureText = "Cancel Clicked";
}

public void Page_Load(object sender, EventArgs e)
{
    signatureTextLabel.Text = signatureText;
}
}

これが私の関連するaspxです：

...
<%@ Register TagPrefix="mjt" TagName="SignaturePad" Src="~/Controls/Signature_Pad.ascx" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<asp:ScriptManager ID="ScriptManager" runat="server" EnablePartialRendering="true" EnablePageMethods="true"></asp:ScriptManager>
 <mjt:SignaturePad ID="SignaturePad" runat="server" Visible="true" SignatureData="" SignatureText="Test Signature Test." />

...
4

1 に答える 1

1

コードビハインドにイベントハンドラーを追加すると、問題が修正されました。これが私のコードです：

コントロールには、イベント (承認、クリア、キャンセル) をトリガーするために必要な 3 つのボタンがありました。

ascx.cs:

public event EventHandler Approved;
public event EventHandler Cleared;
public event EventHandler Canceled;

 protected void signatureApprove_clicked(object sender, EventArgs e)
{

    if(Approved != null)
    Approved(this, EventArgs.Empty);

}
protected void sigClear_clicked(object sender, EventArgs e)
{
        if (Cleared != null)
        Cleared(this, EventArgs.Empty);
}
protected void sigCancel_clicked(object sender, EventArgs e)
{
       if (Canceled != null)
       Canceled(this, EventArgs.Empty);
}

ascx で:

 <asp:UpdatePanel runat="server" ID="signatureUpdate"  updatemode="Conditional">
  <Triggers>
     <asp:AsyncPostBackTrigger controlid="signatureApprove" eventname="Click" />
     <asp:AsyncPostBackTrigger controlid="sigClear" eventname="Click" />
     <asp:AsyncPostBackTrigger controlid="sigCancel" eventname="Click" />
  </Triggers>
     <ContentTemplate>
       <fieldset id="SignatureFieldSet" class="fieldSetStyle" >
        <p><asp:Label ID="signatureTextLabel" AutoPostBack="true"  runat="server" Text=""></asp:Label></p>
        <div id="canvasDiv" runat="server" >
            <canvas id="canvasSignature" class="canvasStyle"></canvas> 
        </div>
        <div id="sigButtonDiv">
        <br />
            <asp:Button  AutoPostBack="true" runat="server" OnClick="signatureApprove_clicked" ID="signatureApprove" Text="Approve" CssClass="buttonStyle" />
            <asp:Button  AutoPostBack="true" runat="server" OnClick="sigClear_clicked" ID="sigClear" Text="Clear" CssClass="buttonStyle"/>
            <asp:Button  AutoPostBack="true" runat="server" OnClick="sigCancel_clicked" ID="sigCancel" Text="Cancel" CssClass="buttonStyle"/>
        </div> 
      </fieldset>
    </ContentTemplate>
</asp:UpdatePanel>

aspx:

<mjt:SignaturePad OnApproved="Signature_Approved"   OnCanceled="Signature_Canceled" OnCleared="Signature_Cleared" ID="SignaturePad" runat="server"   />

aspx.cs:

protected void Signature_Approved(object sender, EventArgs e)
{
    //Do signature approved action
}
protected void Signature_Canceled(object sender, EventArgs e)
{
    //Do signature cancel action
}
protected void Signature_Cleared(object sender, EventArgs e)
{
   //Do signature cleared action
}
于 2012-08-08T13:21:25.857 に答える