image button click in gridview is not fired...

Question

1.00/5 (1 vote)

See more:

sir,
image button click event in my aspx page is not fired
please help me...
<%@ Page Title="" Language="C#" MasterPageFile="~/HSMS.Master" AutoEventWireup="true" CodeBehind="EmployeeRegistration.aspx.cs" Inherits="RSMS.Employee.EmployeeRegistration" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<style type="text/css">
.auto-style1 {
width: 128px;
}
.auto-style2 {
width: 119px;
}
.auto-style3 {
width: 128px;
height: 41px;
}
.auto-style4 {
width: 119px;
height: 41px;
}
.auto-style5 {
height: 41px;
}
</style>
<link href="../App_Themes/MsgBox.css" rel="stylesheet" />
<script src="../Scripts/DeepASPImpromptuCalling.js" type="text/javascript"></script>
<script src="../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../Scripts/Jquery-Impromptu.3.3.js" type="text/javascript"></script>

<script src="../Scripts/jquery-1.5.1.js"></script>
<script src="../Scripts/jquery.msgBox.js"></script>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<%--

University

--%>

<%--<asp:Button ID="btnAdd" CausesValidation="false" runat="server" CssClass="bigbtn" OnClick="btnAdd_Click" />--%>
<asp:ScriptManager ID="ScriptManager1" runat="server">
<asp:HiddenField ID="hf_MAIN_INST_ID" runat="server" />

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<contenttemplate>

<table id="dvAdd" runat="server" class="normal fancy">
<%--

<asp:LinkButton ID="btnList" runat="server" CausesValidation="False" OnClick="btnList_Click" >List

<asp:LinkButton ID="btnAdd" runat="server" onclick="btnAdd_Click" CausesValidation="False">Add University/

--%>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<progresstemplate>
<asp:Image ID="Image7" runat="server" ImageUrl="~/App_Themes/Oxygen/images/loading-small.gif" />
Processing...

<table class="tbl" runat="server" id="tbl_instMain">
<asp:Label ID="Label1" runat="server" Text="Employee Code">
<asp:TextBox ID="txtCode" runat="server" CssClass="TextBox_Normal" MaxLength="8">
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtCode" ErrorMessage="Code required" ForeColor="Red" ToolTip="Code required" ValidationGroup="master">*
<asp:Label ID="Label2" runat="server" Text="First Name">
<asp:TextBox ID="txtEmpFirstName" runat="server" CssClass="TextBox_Normal" MaxLength="50">
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtEmpFirstName" ErrorMessage="Name Required" ForeColor="Red" ToolTip="Name Required" ValidationGroup="master">*
<asp:Label ID="Label3" runat="server" Text="Middle Name">
<asp:TextBox ID="txtEmpMiddleName" runat="server" CssClass="TextBox_Normal" MaxLength="300">

<asp:RequiredFieldValidator ID="RequiredFieldValidator62" runat="server" ControlToValidate="txtEmpMiddleName" ErrorMessage=" Middle Name Required" ForeColor="Red" ToolTip="Middle Name Required" ValidationGroup="master">*

<asp:Label ID="Label4" runat="server" Text="Last Name">
<asp:TextBox ID="txtEmpLatName" runat="server" CssClass="TextBox_Normal" MaxLength="50" >

<asp:RequiredFieldValidator ID="RequiredFieldValidator63" runat="server" ControlToValidate="txtEmpLatName" ErrorMessage="Last Name Required" ForeColor="Red" ToolTip="Last Name Required" ValidationGroup="master">*

<asp:Label ID="Label6" runat="server" Text="Designation">
<%-- <asp:DropDownList ID="ddldesig" runat="server" CssClass="dropdown">

<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="ddldesig" ErrorMessage="Designation Required" ForeColor="Red" ToolTip="Designation Required" ValidationGroup="master">*
--%>
<asp:Label ID="Label7" runat="server" Text="Department">
<%-- <asp:DropDownList ID="ddldept" runat="server" CssClass="dropdown">

<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="ddldept" ErrorMessage="Department Required" ForeColor="Red" ToolTip="Department Required" ValidationGroup="master">*
--%>
<asp:Label ID="Label8" runat="server" Text="Joining Date">
<asp:TextBox ID="txtjoindt" runat="server" CssClass="TextBox_Normal" MaxLength="20">
<cc1:CalendarExtender ID="txtjoindt_CalendarExtender" runat="server" Enabled="True" TargetControlID="txtjoindt">

<asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="txtjoindt" ErrorMessage="Joining date Required" ForeColor="Red" ToolTip="Joining date Required" ValidationGroup="master">*
<asp:Label ID="Label9" runat="server" Text="Nature Of Post">
<asp:TextBox ID="txtnaturepost" runat="server" CssClass="TextBox_Normal" MaxLength="250" TextMode="MultiLine">
<asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="txtnaturepost" ErrorMessage="Nature Of Post required" ForeColor="Red" ToolTip="Nature Of Post required" ValidationGroup="master">*
<asp:Label ID="Label10" runat="server" Text="Official Id">
<asp:TextBox ID="txtofficialid" runat="server" CssClass="TextBox_Normal" MaxLength="10">
<asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" ControlToValidate="txtofficialid" ErrorMessage="Official Id Required" ForeColor="Red" ToolTip="Official Id Required" ValidationGroup="master">*
<asp:Label ID="Label5" runat="server" Text="Work Phone">
<asp:TextBox ID="txtPhone" runat="server" CssClass="TextBox_Normal" MaxLength="10" AutoPostBack="True" >
<cc1:FilteredTextBoxExtender ID="txtPhone_FilteredTextBoxExtender" runat="server" FilterType="Numbers" TargetControlID="txtPhone">

<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtPhone" ErrorMessage="Phone no required" ForeColor="Red" ToolTip="Phone no required" ValidationGroup="master">*
<asp:RegularExpressionValidator ID="RegularExpressionValidator200" runat="server" ControlToValidate="txtPhone" ErrorMessage="mobile must be minimum 10 characters long" ForeColor="Red" ToolTip="mobile must be minimum 10 characters long" ValidationExpression="[^ \t\n\r]{10,15}" ValidationGroup="master">* <asp:Label ID="Label11" runat="server" Text="CTC">
<asp:TextBox ID="txtctc" runat="server" AutoPostBack="True" CssClass="TextBox_Normal" MaxLength="10">
<cc1:FilteredTextBoxExtender ID="txtctc_FilteredTextBoxExtender" runat="server" FilterType="Numbers" TargetControlID="txtctc">

<asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" ControlToValidate="txtctc" ErrorMessage="Ctc Required" ForeColor="Red" ToolTip="Ctc Required" ValidationGroup="master">*
<asp:Button ID="btnnextmaster" runat="server" CssClass="btnSave" ValidationGroup="master" OnClick="btnnextmaster_Click" />

<asp:Button ID="btnresetmas" runat="server" CausesValidation="False" CssClass="btnReset" OnClick="btnresetmas_Click" Text="Button" />

<asp:Button ID="btncancel" runat="server" CausesValidation="False" CssClass="btnCancel" OnClick="btncancel_Click" Text="" />

<table class="gridstyle" id="tblgrd" runat="server">

<asp:GridView ID="GridView1"
runat="server" AutoGenerateColumns="false"
BackColor="White"
CellPadding="3" GridLines="None" ForeColor="Black" BorderColor="#627074"
BorderStyle="Solid" BorderWidth="1px" PageSize="20"
Width="100%">
<pagersettings firstpageimageurl="~/App_Themes/Oxygen/images/expand.png">
LastPageImageUrl="~/App_Themes/Oxygen/images/collapse.png" Mode="NumericFirstLast"
PageButtonCount="10">
<rowstyle cssclass="newRowStyle">
<columns> <asp:TemplateField HeaderText="No" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">
<itemtemplate>
<asp:Label ID="lblno" runat="server" Text='<%# Container.DataItemIndex+1 %>'>

<HeaderStyle HorizontalAlign="Left" />

<itemstyle>

<%--<asp:BoundField DataField="MAIN_INST_MAME" HeaderText="Name" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">
<HeaderStyle HorizontalAlign="Left" />
<itemstyle horizontalalign="Left">
--%>
<%-- <asp:BoundField DataField="Add_Type" HeaderText="address type" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">
<HeaderStyle HorizontalAlign="Left" />
<itemstyle horizontalalign="Left">
--%>
<asp:BoundField DataField="Emp_Code" HeaderText="Code" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">
<HeaderStyle HorizontalAlign="Left" />
<itemstyle horizontalalign="Left">

<asp:BoundField DataField="First_Name" HeaderText="First Name" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">
<HeaderStyle HorizontalAlign="Left" />
<itemstyle horizontalalign="Left">

<asp:BoundField DataField="Middle_Name" HeaderText="Middle Name" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">
<HeaderStyle HorizontalAlign="Left" />
<itemstyle horizontalalign="Left">

<asp:BoundField DataField="Last_Name" HeaderText="Last Name" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">
<HeaderStyle HorizontalAlign="Left" />
<itemstyle horizontalalign="Left">

<asp:BoundField DataField="DesignationId" HeaderText="designation" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">
<HeaderStyle HorizontalAlign="Left" />
<itemstyle horizontalalign="Left">

<asp:BoundField DataField="DepartmentId" HeaderText="departmentid" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">
<HeaderStyle HorizontalAlign="Left" />
<itemstyle horizontalalign="Left">

<asp:BoundField DataField="DepartmentId" HeaderText="departmentid" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left">
<HeaderStyle HorizontalAlign="Left" />
<itemstyle horizontalalign="Left">

<asp:TemplateField HeaderText="Edit" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left">
<itemtemplate>
<asp:ImageButton ID="Imageedit" runat="server" CausesValidation="False" CommandArgument='<%# Eval("Emp_Id") %>' CommandName="" ImageUrl="~/App_Themes/images/edit.png" ToolTip="Edit" OnClick="Imageedit_Click" />

<HeaderStyle HorizontalAlign="Left"></HeaderStyle>

<asp:TemplateField HeaderText="Delete" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left">
<itemtemplate>
<asp:ImageButton ID="Imagedeladdress" runat="server" CausesValidation="False" CommandArgument='<%# Eval("Emp_Id") %>' CommandName="" ImageUrl="~/App_Themes/images/delete.png" meta:resourcekey="imgDeleteResource1" ToolTip="Delete" OnClientClick=" return ConfirmDelete();" OnClick="Imagedeladdress_Click"/>

<HeaderStyle HorizontalAlign="Left"></HeaderStyle>

<itemstyle horizontalalign="Left">

<footerstyle backcolor="White" forecolor="#333333">
<pagerstyle horizontalalign="Center" cssclass="newpgrStyle">
<SelectedRowStyle CssClass="SelectedRowStyle" />
<HeaderStyle CssClass="newhead" />
<alternatingrowstyle cssclass="newAltRowStyle">
<emptydatatemplate>
<asp:Label ID="lblerr" Text="No Data Found" ForeColor="Red" runat="server">

this is my aspx page....
below is .cs page
protected void Imageedit_Click(object sender, ImageClickEventArgs e)
{

}

Posted 28-Oct-13 1:05am

vineethnair

Add a Solution

5 solutions

Solution 1

Gridview's RowCommand Event to make your image buttons in action like-
on Rowcommand eventhandler in codebehind handle your click functionality

C#

if(e.CommandName.equals("namegiventocommandnameevent")){
    //whatever you want to do..
string Text = "Image clicked";
    string argument = e.CommandArgument;
}

Grid view's RowCommand event fired after PageLoad event. Your button removed after every page reload, and has not recreated because rowDatabound event does not fire.

for more information see-
http://stackoverflow.com/questions/15945445/add-click-to-imagebutton-inside-gridview-dynamically[^]

Hope this Helps!

Regards
Manoj

Posted 28-Oct-13 1:24am

Rawat.Manoj

Solution 3

You need to handle the button click event of Gridview in RowCommand event.
Refer Below Link:-
http://stackoverflow.com/questions/18527698/asp-net-gridview-button-onclick-not-firing[^]

Posted 28-Oct-13 1:46am

TrushnaK

Solution 5

If u have problem in Image button with IE 10 then use this
--------------------------------------------------------------

C#

// javascript for allow image button working in IE10
        // Patch fractional .x, .y form parameters for IE10.
        if (typeof (Sys) !== 'undefined' && Sys.Browser.agent === Sys.Browser.InternetExplorer && Sys.Browser.version === 10) {
            Sys.WebForms.PageRequestManager.getInstance()._onFormElementActive = function Sys$WebForms$PageRequestManager$_onFormElementActive(element, offsetX, offsetY) {
                if (element.disabled) { return; }
                this._activeElement = element;
                this._postBackSettings = this._getPostBackSettings(element, element.name);
                if (element.name) {
                    var tagName = element.tagName.toUpperCase();
                    if (tagName === 'INPUT') {
                        var type = element.type;
                        if (type === 'submit') {
                            this._additionalInput = encodeURIComponent(element.name) + '=' + encodeURIComponent(element.value);
                        }
                        else if (type === 'image') {
                            this._additionalInput = encodeURIComponent(element.name) + '.x=' + Math.floor(offsetX) + '&' + encodeURIComponent(element.name) + '.y=' + Math.floor(offsetY);
                        }
                    }
                    else if ((tagName === 'BUTTON') && (element.name.length !== 0) && (element.type === 'submit')) {
                        this._additionalInput = encodeURIComponent(element.name) + '=' + encodeURIComponent(element.value);
                    }
                }
            };
        } // End
        // End

Posted 28-Oct-13 1:51am

samit kaneriya

Solution 2

XML

(1)Add This Event to your gridview
-------------------------------
<asp:GridView ID="GridView1" OnRowCommand="GridView1_RowCommand"



(2)Add this trigger your updatepanel
------------------------------------
<Triggers>
    <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowCommand" />
</Triggers>



(3)Edit your ImageButton like this
--------------------------------------
<asp:ImageButton ID="Imageedit" runat="server" CausesValidation="False" CommandArgument='<%# Eval("Emp_Id") %>' CommandName="Edit" ImageUrl="~/App_Themes/images/edit.png" ToolTip="Edit"/>


(4)Add this gridview event to CodeBehind page
------------------------------------------------------------------------------------
 protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
{
       if (e.CommandName.Equals("Edit"))
       {
            //Working
       }
}

Posted 28-Oct-13 1:41am

samit kaneriya

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

vineethnair · Accepted Answer · 2013-10-28T01:48:00

Solution 4

thanks for all replies.....
i forget to use if (!IsPostBack)

Posted 28-Oct-13 1:48am

vineethnair