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

[Solved] Error On Postback With Image Buttons

3 Answers 226 Views

Grid

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

Don asked on 14 May 2014, 02:14 PM

This pertains to version 2012.2.912.40 of the controls. Sorry I cannot update them.

I converted the edit and delete links in my grids to image buttons and now I get the following error when I click one of the buttons.

Multiple controls with the same ID 'EditButton' were found. FindControl requires that controls have unique IDs.

I have multiple grids in page views but they are all pretty much set up like this one just with different columns.

<telerik:RadGrid ID="grdPhones" runat="server" AutoGenerateColumns="False" CellSpacing="0" GridLines="None" CssClass="infoGrid" SkinID="TSSGridEditable">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn FilterControlAltText="Filter Number column" HeaderText="Number" UniqueName="phoneNumber" DataField="phoneNumber">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter Type column" HeaderText="Type" UniqueName="phoneType" DataField="phoneType">

</telerik:GridBoundColumn>

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" EditText="Edit" EditImageUrl="~/Images/tb_edit.gif" ButtonType="ImageButton" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="25px" HeaderStyle-Width="25px">

</telerik:GridEditCommandColumn>

<telerik:GridEditCommandColumn UniqueName="DeleteCommandColumn" EditText="Delete" EditImageUrl="~/Images/delete16.gif" ButtonType="ImageButton" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="25px" HeaderStyle-Width="25px">

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

and the skin code but it's pretty simple

<telerik:RadGrid runat="server" SkinID="TSSGridEditable">

<MasterTableView EditMode="PopUp" CommandItemDisplay="Top">

</MasterTableView>

</telerik:RadGrid>

How do I get around this or is there a different way to implement images?

3 Answers, 1 is accepted

answered on 15 May 2014, 04:22 AM

Hi Don,

The error you are having is because you have used two GridEditCommandColumn. The GridEditCommandColumn is only to have the RadGrid in Editmode and not delete. If you want to have a Delete image button you have to use a GridButtonColumn with CommandName as Delete. Please take a look at the following code snippet.

ASPX:

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" EditText="Edit" EditImageUrl="~/Images/tb_edit.gif" ButtonType="ImageButton">

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" UniqueName="DeleteColumn" Text="Delete" ImageUrl="~/Images/delete16.gif" CommandName="Delete">

</telerik:GridButtonColumn>

Thanks,
Shinu

answered on 15 May 2014, 06:00 PM

Thanks, I knew it was something obvious that I was doing wrong. I changed that and I no longer get that error but non of the images work on postback. If I click on any image in the grids I get the following error.

Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

If I click on a link it works fine. If I click on an image button it doesn't work. For example. I have the command bar turned on. If I click on the refresh icon I get the error. If I click on the refresh text then it works fine. Is there soemting else I need to impliment to get the images to work?

Don