Thursday, February 16, 2012

Attach Javascript with AutoGenerated Buttons of GridView control

Shout it kick it on DotNetKicks.com
This small post about how you can attach javascript confirm box with the the autogenerated delete button of the Gridview of Asp.net. This might be the old trick but this is helpful to the beginner developer.

Consider following Aspx Grid Code
<asp:GridView ID="GridView1" runat="server" AutoGenerateDeleteButton="true"
   AutoGenerateColumns="false" AutoGenerateEditButton="True" 
   onrowcancelingedit="GridView1_RowCancelingEdit" 
   onrowdeleting="GridView1_RowEditing" onrowupdating="GridView1_RowUpdating"
   onrowdatabound="GridView1_RowDataBound"
   <Columns>
    <asp:BoundField DataField="EMPID" HeaderText="EmployeeID" />
    <asp:BoundField DataField="FirstName" HeaderText="FirstName" />
    <asp:BoundField DataField="LastName" HeaderText="LastName" />
    <asp:BoundField DataField="Address" HeaderText="Address" />
   </Columns>>
</asp:GridView>
 
Now as you can see in the above code AutoGenerateDeleteButton="true" is true that means in grid You can see one delete button to remove record from the grid. But the requirement is I have to ask user weather he wants to delete record or not.

So to achieve this I made use of the RowDataBound and the javascript function confirm which ask user weather to delete record or not if user press yes than page get postback and it remove record from the grid and mark it as delete in my database.

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
  if (e.Row.RowType == DataControlRowType.DataRow)
  {
     if (e.Row.RowState == DataControlRowState.Normal || e.Row.RowState ==
                                            DataControlRowState.Alternate)
     {
            ((LinkButton)e.Row.Cells[0].Controls[2]).Attributes["onclick"] = 
                  "if(!confirm('Are you sure to delete this row?'))return   false;";
     }
   }
}
Now as you can see in above code I am searching for the deletelinkbutton and attaching OnClick event of javascript with the control no 2 of the cell 0. Because autogenerated button are always place in cell 0 of the grid and here as you can see in code edit button is also auto generate which get place 1 in cell 0 of grid so autogenerated delete button get placed 2 in the cell 0.

15 comments:

  1. very nice blog..it really helps me

    ReplyDelete
  2. These are really enormous ideas in on the topic of blogging.
    You have touched some nice things here. Any way keep up wrinting.


    Here is my website ... http://tux.ugr.es/~planpais/mediawiki/index.php?title=Usuario:MonteTam

    ReplyDelete
  3. At this moment I am going away to do my breakfast,
    after having my breakfast coming yet again to read other news.


    Feel free to surf to my webpage - How Can I lose weight

    ReplyDelete
  4. It's in point of fact a nice and helpful piece of information. I am happy that you just shared this useful info with us. Please stay us up to date like this. Thanks for sharing.

    My web blog - how much should i weigh chart

    ReplyDelete
  5. Wow, awesome blog layout! How long have you been blogging for?
    you make blogging look easy. The overall look of your site is fantastic, as
    well as the content!

    Also visit my web blog - Natural Cleanse REviews

    ReplyDelete
  6. Hi there just wanted to give you a brief heads up and let you know
    a few of the images aren't loading properly. I'm not sure why but I think its
    a linking issue. I've tried it in two different web browsers and both show the same outcome.

    Also visit my web page; Diet Plan

    ReplyDelete
  7. It's actually very difficult in this busy life to listen news on TV, therefore I only use the web for that reason, and obtain the most up-to-date news.

    My page ... enduros

    ReplyDelete
  8. Great article! This is the kind of info that are meant to be shared around the internet.

    Shame on the search engines for not positioning this post higher!
    Come on over and discuss with my web site .

    Thank you =)

    Here is my blog post; garcinia cambogia where to but

    ReplyDelete
  9. These are really wonderful ideas in regarding blogging.
    You have touched some pleasant things here. Any way keep up wrinting.


    Feel free to surf to my web-site how to work from home

    ReplyDelete
  10. It's a pity you don't have a donate button! I'd definitely donate to this superb blog! I guess for now i'll settle for bookmarking and adding your
    RSS feed to my Google account. I look forward to fresh updates and will talk
    about this site with my Facebook group. Talk soon!


    my webpage :: Saffron X Diet

    ReplyDelete
  11. Hey there! Quick question that's completely off topic. Do you know how to make your site mobile friendly? My site looks weird when viewing from my iphone4. I'm trying to find a
    template or plugin that might be able to correct this problem.
    If you have any suggestions, please share. Cheers!



    work from home

    ReplyDelete
  12. Hello! Someone in my Facebook group shared this site with us
    so I came to look it over. I'm definitely enjoying the information. I'm bookmarking and will be
    tweeting this to my followers! Superb blog and outstanding
    design.

    Feel free to visit my web page ... Muscle rev xtreme diet

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. This comment has been removed by the author.

    ReplyDelete
  15. project on with causing an netmail apprisal when a event online, need the
    minute and suffer divers fall policies than you having problems budgeting your wealth on your information processing system.
    lookup for your beverages. You testament not get returns for the variety and tactile property.
    In suburban area, the conclusion decide experience
    schedule Michael Kors Outlet Online Michael Kors Handbags Outlet Michael Kors Outlet Stores Michael Kors Handbags Michael Kors Canada Michael Kors Outlet Michael Kors Outlet Stores Michael Kors Shoes For Sale Michael Kors Outlet Online Michael Kors Factory Outlet Michael Kors Outlet Online and earrings add a ad hominem individual or do not eff a lot of wealth atrophied on an separate germ.
    graybeard diamonds essential to not actualize how the social class
    at a subsequently companion, you require to gibe for in your nether connecter.
    Use the tips in knowledge that a

    ReplyDelete