This is a migrated thread and some comments may be shown as answers.

ItemCommand event not firing with ImageButton

2 Answers 154 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Gireesh
Top achievements
Rank 1
Gireesh asked on 25 Jan 2012, 11:17 AM
I tried with the following markup and code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="InvestorWeb.test" %>
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title></title>
</head>
<body>
 
    <form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" MinDisplayTime="500"
        Skin="Metro">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="ImgEdit">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="LinkButton1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxPanel ID="RadAjaxPanel2" runat="server" EnableAJAX="true">
        <telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True" AutoGenerateColumns="false"
            AllowPaging="true" PageSize="20" Width="900px" Skin="Metro"
            onitemcommand="RadGrid1_ItemCommand">
            <ClientSettings>
                <Selecting AllowRowSelect="True" />
                <Resizing AllowColumnResize="true" ClipCellContentOnResize="true" ResizeGridOnColumnResize="true"
                    EnableRealTimeResize="true" />
            </ClientSettings>
            <MasterTableView TableLayout="Fixed">
                <Columns>
                    <telerik:GridBoundColumn DataField="RoleID" UniqueName="RoleID" HeaderText="Role ID">
                        <HeaderStyle Width="100px" HorizontalAlign="Center" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="RoleName" HeaderText="Role Name">
                        <HeaderStyle Width="500px" HorizontalAlign="Center" />
                    </telerik:GridBoundColumn>
                    <telerik:GridNumericColumn DataField="Description" HeaderText="Description">
                        <HeaderStyle Width="270px" HorizontalAlign="Center" />
                    </telerik:GridNumericColumn>
        <telerik:GridTemplateColumn HeaderStyle-CssClass="editItem" FooterStyle-CssClass="editItem"
            ItemStyle-CssClass="editItem">
            <HeaderStyle Width="30px" />
            <ItemTemplate>
                <asp:ImageButton ID="ImgEdit" runat="server" ImageUrl="Images/edit.png" Height="15px"
                    Width="15px" ToolTip="Click Here to Edit" CommandName="Edit" />
            </ItemTemplate>
        </telerik:GridTemplateColumn>
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>
    </telerik:RadAjaxPanel>
    <asp:LinkButton ID="LinkButton1" runat="server">Add Reports</asp:LinkButton>
    <telerik:RadAjaxPanel ID="RadAjaxPanel1" EnableAJAX="true" runat="server" Width="900px"
        Height="200px">
    </telerik:RadAjaxPanel>
</form>
</body>
</html>



using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
 
namespace InvestorWeb
{
    public partial class test : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("RoleID");
            dt.Columns.Add("RoleName");
            dt.Columns.Add("Description");
 
            for (int i = 1; i < 80; i++)
            {
                dt.Rows.Add(i, "Report" + i, "Desc" + i);
            }
            RadGrid1.DataSource = dt;
            RadGrid1.DataBind();
        }
 
        protected void RadGrid1_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)
        {
 
        }
    }
}

RadGrid1_ItemCommand is not firing only for ImageButton, but it worked fine when I tried with Button, LinkButton


I am using
latest update of Teleric as of today,
Microsoft Visual Studio 2010 Professional - Version 10.0.30319.1 RTMRel,
Running on .NET framework 4.0

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 25 Jan 2012, 11:47 AM
Hello Gireesh,

I tried the same scenario which worked as expected in my end. Check for the CommandName as shown below.
C#:
protected void grid_ItemCommand(object sender, GridCommandEventArgs e)
{
 if (e.CommandName == "Edit")
  {
  }
}

-Shinu.
0
Paul
Top achievements
Rank 1
Iron
answered on 22 Feb 2012, 09:52 PM
Having same problem  :S
Tags
Grid
Asked by
Gireesh
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Paul
Top achievements
Rank 1
Iron
Share this question
or