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

[Solved] InPlace Edit - Location of Cancel link button

2 Answers 79 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Troy
Top achievements
Rank 1
Troy asked on 27 Feb 2014, 10:53 PM
Hi guys,

Using the EditMode="InPlace" edit form of the grid, is it possible to leave the "Update" link button where it is but place the "cancel" link button in the next column (where the "Delete" link button is - see attached)

2 Answers, 1 is accepted

Sort by
0
Accepted
Jayesh Goyani
Top achievements
Rank 2
answered on 28 Feb 2014, 06:17 AM
Hello,

You can achieve this thing by using below code snippet.
<Columns>
                       <telerik:GridBoundColumn DataField="ID" UniqueName="ID" HeaderText="ID">
                       </telerik:GridBoundColumn>
                       <telerik:GridBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name"></telerik:GridBoundColumn>
                       <telerik:GridTemplateColumn>
                           <ItemTemplate>
                               <asp:LinkButton ID="btnEdit" runat="server" Text="Edit" CommandName="Edit"></asp:LinkButton>
                           </ItemTemplate>
                           <EditItemTemplate>
                           </EditItemTemplate>
                       </telerik:GridTemplateColumn>
                       <telerik:GridTemplateColumn>
                           <ItemTemplate>
                               <asp:LinkButton ID="btnDelete" runat="server" Text="Delete" CommandName="Delete"></asp:LinkButton>
                           </ItemTemplate>
                           <EditItemTemplate>
                               <asp:LinkButton ID="btnUpdate" runat="server" Text="Update" CommandName="Update"></asp:LinkButton>
                               <asp:LinkButton ID="btnCancel" runat="server" Text="Cancel" CommandName="Cancel"></asp:LinkButton>
                           </EditItemTemplate>
                       </telerik:GridTemplateColumn>
                   </Columns>


Thanks,
Jayesh Goyani
0
Troy
Top achievements
Rank 1
answered on 02 Mar 2014, 03:43 AM
Thanks with a minor modification and some server side code it works great!

 <telerik:GridTemplateColumn>
                                    <HeaderStyle Width="93px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <asp:LinkButton ID="btnEdit" runat="server" Text="Edit" CommandName="Edit"></asp:LinkButton>
                                    </ItemTemplate>
                                    <EditItemTemplate>
                                        <asp:LinkButton ID="btnUpdate" runat="server" Text="Update" CommandName="Update"></asp:LinkButton>
                                        <asp:LinkButton ID="btnAdd" runat="server" Text="Add" CommandName="PerformInsert"></asp:LinkButton>
                                    </EditItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn>
                                    <HeaderStyle Width="93px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                    <ItemTemplate>
                                        <asp:LinkButton ID="btnDelete" runat="server" Text="Delete" CommandName="Delete"
                                            OnClientClick="return blockConfirm('Are you sure you want to delete this resource? &nbsp;', event, 340, 150, '', 'Delete confirm')"></asp:LinkButton>
                                    </ItemTemplate>
                                    <EditItemTemplate>
                                        <asp:LinkButton ID="btnCancel" runat="server" Text="Cancel" CommandName="Cancel"></asp:LinkButton>
                                    </EditItemTemplate>
                                </telerik:GridTemplateColumn>

  Protected Sub grdResources_ItemDataBound(sender As Object, e As Telerik.Web.UI.GridItemEventArgs) Handles grdResources.ItemDataBound

    If e.Item.IsInEditMode Then
            If TypeOf e.Item Is GridDataInsertItem Then
                Dim CancelButton As LinkButton = DirectCast(e.Item.FindControl("btnCancel"), LinkButton)
                CancelButton.Visible = False
                Dim UpdateButton As LinkButton = DirectCast(e.Item.FindControl("btnUpdate"), LinkButton)
                UpdateButton.Visible = False

            Else
                Dim CancelUpdateButton As LinkButton = DirectCast(e.Item.FindControl("btnCancel"), LinkButton)
                CancelUpdateButton.Visible = True

                Dim AddButton As LinkButton = DirectCast(e.Item.FindControl("btnAdd"), LinkButton)
                AddButton.Visible = False
            End If
        End If 
 End Sub





Tags
Grid
Asked by
Troy
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Troy
Top achievements
Rank 1
Share this question
or