Unable to get CommandAgrument value for the Edit Button in Gridview Control, Mean while it works for the Delete Button

Question

I want to show Edit/Delete Button using Ajax's HoverMenuExtender Control , But I also want to show edited record using ModalPopup Extender Control of AjaxCotrolltoolkit , for this I have used below code
<asp:GridView ID="GridMainCat" runat="server" Width="100%" AutoGenerateColumns="false" DataKeyNames="CATID" OnRowDataBound="GridMainCat_RowDataBound" OnRowCommand="GridMainCat_RowCommand" OnPageIndexChanging="GridMainCat_PageIndexChanging" OnSelectedIndexChanging="GridMainCat_SelectedIndexChanging" AllowPaging="true" PageSize="10">
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<table width="100%" border="1" style="color: blue;">
<tr>
<td width="20%">Catg Id</td>
<td width="20%">Catg Name</td>
<td width="25%">Catg Desc</td>
<td width="35%">Catg Image</td>
<%-- <td width="20%">Created Date</td>--%>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<asp:Panel ID="panel2" runat="server">
<table width="100%">
<tr>
<td width="20%"><%#Eval("CATID") %></td>
<td width="20%"><%#Eval("CATNAME") %></td>
<td width="25%"><%#Eval("CATDESC") %></td>
<td width="35%"><%#Eval("CATIMAGE") %></td>
<%-- <td width="20%"><%#Eval("CREATEDADTE") %></td>--%>
</tr>
</table>
</asp:Panel>
<!-----Panel for displaying the edit and delete options in GridView------>
<asp:Panel ID="panel1" CssClass="HoverMenu"
runat="server" Height="50" Width="50"
HorizontalAlign="Left">
<div>
<asp:LinkButton Style="padding: 4px;" ID="lnkDel"
CommandName="Dlt" runat="server" CausesValidation="false" Text="Delete" CommandArgument='<%#Bind("CATID") %>' OnClientClick="javascript:return('Are you sure, do you want to delete Record??')">
</asp:LinkButton><br />
<asp:LinkButton ID="lnkEdit" runat="server" Text="Edit" CausesValidation="false" CommandName="Edt" CommandArgument='<%#Bind("CATID") %>' style="padding: 4px;" ></asp:LinkButton>
</div>
</asp:Panel>
<asp:HoverMenuExtender ID="HoverMenuExtender1" runat="server" TargetControlID="panel2" PopupControlID="panel1" PopupPosition="Left" HoverCssClass="Hover"></asp:HoverMenuExtender>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
To Show ModalPopup I have used following aspx Code:-
<asp:Button ID="btnShowPopup" runat="server" Style="display: none" CausesValidation="false" />
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnShowPopup" PopupControlID="PanelEditMainCategory" CancelControlID="btnUpdate" BackgroundCssClass="modalBackground"></asp:ModalPopupExtender>
<asp:Panel ID="PanelEditMainCategory" runat="server" CssClass="modalPopup" Style="display: none;">
<table style="border-width: 3px; border-color: lightseagreen;" border="1" align="center" height="300px">
<tr>
<th>
<table>
<tr>
<th align="left">Category Id:</th>
</tr>
<tr>
<th align="left">Category Name:</th>
</tr>
<tr>
<th align="left">Category Description:</th>
</tr>
<tr>
<th align="left">Category Image:</th>
</tr>
</table>
</th>
<td>
<table>
<tr>
<td align="left">
<asp:TextBox ID="txtCatID" Text='<%#Eval("CATID") %>' runat="server" Enabled="false"></asp:TextBox>
</td>
</tr>
<tr>
<td align="left">
<asp:TextBox ID="txtCatName" Text='<%#Eval("CATNAME") %>' runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td align="left">
<asp:TextBox ID="txtCatDesc" runat="server" Text='<%#Eval("CATDESC") %>' TextMode="MultiLine"></asp:TextBox>
</td>
</tr>
<tr>
<td align="left">
<asp:TextBox ID="txtCatImage" runat="server" Text='<%#Eval("CATIMAGE") %>'></asp:TextBox>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th align="left" colspan="2">
<asp:Button ID="btnUpdate" Text="Update" CausesValidation="false" runat="server" OnClick="btnUpdate_Click" />&nbsp;
<asp:Button ID="btnCancel" Text="Cancel" CausesValidation="false" runat="server" OnClick="btnCancel_Click" />
</th>
</tr>
<tr>
<th align="left"></th>
<td align="left"></td>
</tr>
</table>
</asp:Panel>
Here is my .CS code :-
protected void GridMainCat_RowCommand(object sender, GridViewCommandEventArgs e)
catID = e.CommandArgument.ToString();
if (e.CommandName == "Edt" && e.CommandArgument != null)
ModalPopupExtender1.Show();
Bind_Edit_MainCategory(catID);
if (e.CommandName == "Dlt")
Bind_Delete_MainCategory(catID);
private void Bind_Grid_MainCategory()
using (SqlConnection cn = new SqlConnection(ConfigurationManager.ConnectionStrings["conStr"].ConnectionString))
using (SqlCommand cmd = new SqlCommand("USP_FETCH_MAINCATEGORY", cn))
try
cmd.CommandType = CommandType.StoredProcedure;
dt = new DataTable();
da = new SqlDataAdapter(cmd);
da.Fill(dt);
GridMainCat.DataSource = dt;
GridMainCat.DataBind();
catch (Exception ex)
throw ex;
private void Bind_Delete_MainCategory(string catId)
using (SqlConnection cn = new SqlConnection(ConfigurationManager.ConnectionStrings["conStr"].ConnectionString))
using (SqlCommand cmd = new SqlCommand("USP_DELETE_MAINCATEGORY", cn))
try
cmd.CommandType = CommandType.StoredProcedure;
cmd.Parameters.AddWithValue("@CATID", catId);
cn.Open();
cmd.ExecuteNonQuery();
Bind_Grid_MainCategory();
catch (Exception ex)
throw ex;
private void Bind_Edit_MainCategory(string catid)
using (SqlConnection cn = new SqlConnection(ConfigurationManager.ConnectionStrings["conStr"].ConnectionString))
using (SqlCommand cmd = new SqlCommand("USP_EDIT_MAINCATEGORY", cn))
try
cmd.CommandType = CommandType.StoredProcedure;
cmd.Parameters.AddWithValue("@CATID", catid);
cn.Open();
SqlDataReader dr = cmd.ExecuteReader();
if (dr.Read())
txtCatID.Text = dr["CATID"].ToString();
txtCatName.Text = dr["CATNAME"].ToString();
txtCatDesc.Text = dr["CATDESC"].ToString();
txtCatImage.Text = dr["CATIMAGE"].ToString();
//modalPopupExtender1.Show();
ModalPopupExtender1.Show();
Bind_Grid_MainCategory();
catch (Exception ex)
throw ex;
it works fine for HoverMenu Extender, and for the delete button as well. When I click on Delete Button It finds CommandArgument value But as I click on Edit Button It does not find CommandArguement value. Kindly help me to fix this problem

Answer 1

Do you mean it's firing when you click Edit?. I've replicated your code as below and it worked, try to remove the OnRowCommand run a build and then add the it again:
protected void Page_Load(object sender, EventArgs e)
BindGridwithDummy();
protected void GridMainCat_RowCommand(object sender, GridViewCommandEventArgs e)
string catID = e.CommandArgument.ToString();
if (e.CommandName == "Edt" && e.CommandArgument != null)
if (e.CommandName == "Dlt")
private void BindGridwithDummy()
DataTable dt = new DataTable();
DataRow dr;
dt.Columns.Add(new System.Data.DataColumn("Test", typeof(String)));
dr = dt.NewRow();
dr[0] = "A dummy Data"; //Adds the Dummy Data in the Row
dt.Rows.Add(dr);
// Show the DataTable values in the GridView
GridView1.DataSource = dt;
GridView1.DataBind();
<asp:GridView ID="GridView1" runat="server" OnRowCommand="GridMainCat_RowCommand">
<Columns>
<asp:BoundField DataField="Test" />
<asp:TemplateField>
<HeaderTemplate>
Button</HeaderTemplate>
<ItemTemplate>
<asp:LinkButton Style="padding: 4px;" ID="lnkDel" CommandName="Dlt" runat="server"
CausesValidation="false" Text="Delete" CommandArgument="1" OnClientClick="javascript:return('Are you sure, do you want to delete Record??')"></asp:LinkButton><br />
<asp:LinkButton ID="lnkEdit" runat="server" Text="Edit" CausesValidation="false"
CommandName="Edt" CommandArgument="2" Style="padding: 4px;"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>