Friday, November 2, 2018

how to add edit and Delete image in asp.net Grid view Command Field | Sradha Webcreations

hoe to add Edit , Delete , Update & Cancel icon Image in asp.net Grid View Command Field

use this code in grid view 


 <asp:TemplateField>
                 <EditItemTemplate>
                     <asp:ImageButton ID="btnUpdate" runat="server" CommandName="Update" ImageUrl="~/image/thik.jpg" ToolTip="Update" />
                     <asp:ImageButton ID="btnCancel" runat="server" CommandName="Cancel" ImageUrl="~/image/crush.jpg" ToolTip="Cancel" />
                 </EditItemTemplate>
                 <ItemTemplate>
                     <asp:ImageButton ID="btnEdit" runat="server" CommandName="Edit" ImageUrl="~/image/edit.jpg" ToolTip="Edit Qty" />
                     <asp:ImageButton ID="btnDelete" runat="server" CommandName="Delete" ImageUrl="~/image/delete.jpg" ToolTip="Delte Item" />
                 </ItemTemplate>
             </asp:TemplateField>

delete this code in grid view 

 <%-- <asp:CommandField HeaderText="Cart Order"   ShowEditButton="True" EditText="add Qunatity" ItemStyle-Width="100" >
<ItemStyle Width="100px"></ItemStyle>
                                 </asp:CommandField>
                                   <asp:CommandField HeaderText="Delete Order" ShowDeleteButton="True" DeleteText="Delete Item" ItemStyle-Width="100"  >
<ItemStyle Width="100px"></ItemStyle>
                                 </asp:CommandField>--%>


        




how to add Delete icon image in asp.net grid view Command Field
how to add Edit icon image in asp.net grid view Command Field
how to add Cancel icon image in asp.net grid view Command Field
how to add Update icon image in asp.net grid view Command Field



http://sradhawebcreations.com/

#SradhaWebCreations
Contact : +91-9040573923, +91-7008182025
http://sradhawebcreations.com/
http://sradhawebcreations.blogspot.in/
https://facebook.com/sradhawebcreations
https://www.facebook.com/Sradhawebeducation/



No comments:

Post a Comment