使用单个事件处理程序asp.net处理网格中的多个删除事件

Question

我有两个包含删除按钮的网格，我正在使用RadAjaxManager，它将从客户端向服务器端OnajaxRequest发出ajax请求，其中包含事件处理程序，并且该事件处理程序将调用我的delete事件，如下所示：

<telerik:RadAjaxManager ID="RadAjaxManager2" runat="server" meta:resourcekey="RadAjaxManager1Resource1" OnAjaxRequest="RadAjaxManager2_AjaxRequest">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadAjaxManager2">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="Grid1" />
                            <telerik:AjaxUpdatedControl ControlID="Grid2" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>

 <telerik:RadGrid ID="Grid1" runat="server">
  ---
  ---
  <telerik:GridTemplateColumn HeaderText="Action" UniqueName="Action" HeaderStyle-Width="130px">
                                        <ItemTemplate>
                                     <asp:ImageButton runat="server" ID="Remove1" Text="Delete" OnClientClick='<%# Eval("Id", "javascript:return DeleteData(\"{0}\");") %>' />
                                        </ItemTemplate>
                                    </telerik:GridTemplateColumn>

 <telerik:RadGrid ID="Grid2" runat="server">
  ---
  ---
  <telerik:GridTemplateColumn HeaderText="Action" UniqueName="Action" >
                                        <ItemTemplate>
                                     <asp:ImageButton runat="server" ID="Remove2" Text="Delete" OnClientClick='<%# Eval("Id", "javascript:return DeleteData(\"{0}\");") %>' />
                                        </ItemTemplate>
                                    </telerik:GridTemplateColumn>



 function DeleteData(Id) {
   var ajaxManager = null;
   var action = 'Remove';
   ajaxManager = $find("ctl00_cphMain_RadAjaxManager2");
   var arg = action + "," + Id; //Remove,1(1 indicates id of record to remove from grid)
   ajaxManager.ajaxRequest(arg);This line will fire below method.
  }



public event EventHandler RemoveEvent;
protected void RadAjaxManager2_AjaxRequest(object sender, AjaxRequestEventArgs e)
        {
            var argument = (e.Argument);
            var stringArray = argument.Split(",".ToCharArray());//[0]="Remove",[1]=1
            if (stringArray[0] == "Remove")
            {
                RemoveEvent(stringArray[1], null);
            }
        }

在此之后，它将称为：

protected void Page_Load(object sender, EventArgs e)
        {
            this.RemoveEvent += Remove1_Click;
            this.RemoveEvent += Remove2_Click;
            if (!IsPostBack)
            {
            }
         }

protected void Remove1_Click(object sender, object obj)
        {
        }
protected void Remove2_Click(object sender, object obj)
        {
        }

问题是这两个事件都在调用，但是我只想单击Remove1和Remove2按钮来调用单个删除事件。

Answer 1

您只需使用RadGrid_ItemCommand并使用del按钮传递命令参数并更改命令名称，同时删除两者的示例代码即可

<telerik:GridTemplateColumn HeaderText="Actions">
                                        <ItemTemplate>
                                            <asp:ImageButton ID="Button3" Style="width: 14px" Height="14px" ImageUrl="~/Images/Erase.png" runat="server" Text="Delete1" OnClientClick="return confirm('Are you sure you want to delete this item?');" CommandName="Delete1" CommandArgument='<%# Eval("Pid") %>' />
                                            &nbsp &nbsp
 <asp:ImageButton ID="Button3" Style="width: 14px" Height="14px" ImageUrl="~/Images/Erase.png" runat="server" Text="Delete2" OnClientClick="return confirm('Are you sure you want to delete this item?');" CommandName="Delete2" CommandArgument='<%# Eval("Pid") %>' />

                                        </ItemTemplate>
                                    </telerik:GridTemplateColumn>



    protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
{
    if (e.CommandName == "Delete1")
    {

    }
if (e.CommandName == "Delete2")
    {

    }

}

Answer 2

您不需要在代码背后订阅事件，即不需要this.RemoveEvent+= 。 而是编写一个名为RemoveRecord(buttonId, recordId) 。 我已经按照以下分步说明了这种方法。

1. 首先更改OnClientClick的标记。 注意，我们将要删除的记录的ID以及被单击的按钮的服务器端ID传递给JavaScript函数DeleteData 。

    OnClientClick='<%# Eval("Id", "DeleteData('{0}', 'Remove1'); return false;") %>' OnClientClick='<%# Eval("Id", "DeleteData('{0}', 'Remove2'); return false;") %>' 

2. 更改JavaScript Delete方法。 请注意，我们现在传递了服务器端按钮ID，因此在代码隐藏中，我们可以轻松地知道单击了哪个按钮。

    function DeleteData(Id, buttonId) { var ajaxManager = null; ajaxManager = $find("<%=RadAjaxManager2.ClientID%>"); var arg = buttonId + "," + Id; //Remove1,1 (1 indicates id of record to remove from grid) ajaxManager.ajaxRequest(arg);//This line will fire below method. } 

3. 在后面的代码中，包括单个RemoveRecord方法，并且无需像原始代码中那样创建事件处理程序。 因此，您应该从原始代码中删除以下方法： Remove1_Click和Remove2_Click ，还应删除Page_Load中订阅单击事件的代码。

    protected void RadAjaxManager2_AjaxRequest(object sender, AjaxRequestEventArgs e) { var stringArray = e.Argument.Split(",".ToCharArray());//[0]="Remove1" or "Remove2",[1]=id of record to delete RemoveRecord( stringArray[0], stringArray[1]); } //the method below will delete data private void RemoveRecord( buttonId, recordId) { if(buttonId== "Remove1") { //code to delete record with id of recordId } else if ( buttonId == "Remove2") { //code to delete record with id of recordId } } 

另一种方法

如果必须在父页面中具有RadAjaxManager2_AjaxRequest并在子页面中具有删除方法，则可以在标题中提到的适当位置添加以下代码。 但是请注意，上述方法中提到的标记更改和JavaScript函数更改也适用于此方法。

在父页面中（就在课堂之外）

public class RemoveEventArgs : EventArgs
{
public RemoveEventArgs ( string buttonId, string recordId)
{
   this.ButtonId = buttonId;
   this.RecordId = recordId;
}
    public string ButtonId {get;set;}
    public string RecordId {get;set;}
}

同样，在同一父页面中，将方法RadAjaxManager2_AjaxRequest更改为以下内容。

在父页面中（更改此现有方法）

 protected void RadAjaxManager2_AjaxRequest(object sender, AjaxRequestEventArgs e)
 {
            var stringArray = e.Argument.Split(",".ToCharArray());//[0]="Remove1",[1]=1 OR [0]="Remove2", [1] = 212
            if (stringArray[0] == "Remove1"  || stringArray[0] == "Remove2")
            {
                 if(RemoveEvent!=null) 
                 {
                   RemoveEvent(this, new RemoveEventArgs(stringArray[0], stringArray[1]));
                 }
            }
 }

在子页面中（更改现有方法）

protected void Remove1_Click(object sender, RemoveEventArgs obj)
  {
    if( obj!=null && obj.ButtonId == "Remove1") 
    {
      string recordId = obj.RecordId;
      //write your code for deleting


    }
  }
protected void Remove2_Click(object sender, RemoveEventArgs obj)
 {
  if( obj!=null && obj.ButtonId == "Remove2") 
    {
      string recordId = obj.RecordId;
      //write your code for deleting


    }
 }