Trouble Repeating Image Buttons

spyke01 · #1 (**permalink**) 09-07-07, 12:17 PM

I have the following repeater setup, i have some regular image links that i want to convert to image buttons:

asp Code:

<asp:Repeater ID="rptClientMatterCodes" runat="server">
          <HeaderTemplate>
               <table class="forumborder" border="0" cellpadding="0" cellspacing="1" style="width: 100%;">
                <tr class="title1">
                    <td colspan="3">
                        Current Client Matter Codes
                    </td>
                </tr>
                <tr class="title2">
                    <td>Email Address</td>
                    <td>Long Distance Code</td>
                    <td>&nbsp</td>
                </tr>
          </HeaderTemplate>
          
          <ItemTemplate>
               <tr class="row2">
                    <td><%#Container.DataItem("email")%></td>
                    <td><%#functions.Padd(Container.DataItem("code"), 4, "0", "L")%></td>
                    <td class="center"><a href="index.asp?action=editCode&id=<%#Container.DataItem("id")%>"><img src="theme/buttons/edit.jpg" alt="Edit Client Matter Code" /></a> &nbsp<a href="index.asp?action=deleteCode&id=<%#Container.DataItem("id")%>" onclick="return confirmDelete('Client Matter Code')"><img src="theme/buttons/delete.jpg" alt="Delete Client Matter Code" /></a></td>
               </tr>
          </ItemTemplate>
          
          <FooterTemplate>
               </table>
          </FooterTemplate>
     </asp:Repeater>

I want the image buttons to take care of editing and deleting, the one im having issues with right now is the deleting one, i want each button to run a function and pass the value of a database field called "id" to the function which will run a delte query on the database based on the id. Heres what i trid to do:

asp Code:

<asp:Repeater ID="rptClientMatterCodes" runat="server">
          <HeaderTemplate>
               <table class="forumborder" border="0" cellpadding="0" cellspacing="1" style="width: 100%;">
                <tr class="title1">
                    <td colspan="3">
                        Current Client Matter Codes
                    </td>
                </tr>
                <tr class="title2">
                    <td>Email Address</td>
                    <td>Long Distance Code</td>
                    <td>&nbsp</td>
                </tr>
          </HeaderTemplate>
          
          <ItemTemplate>
               <tr class="row1">
                    <td><%#Container.DataItem("email")%></td>
                    <td><%#functions.Padd(Container.DataItem("code"), 4, "0", "L")%></td>
                    <td class="center">
                         <a href="index.asp?action=editCode&id=<%#Container.DataItem("id")%>"><img src="theme/buttons/edit.jpg" alt="Edit Client Matter Code" /></a> 
                         &nbsp;
                         <asp:ImageButton ID="btnDelete<%#Container.DataItem("id")%>" runat="server" CommandArgument="<%#Container.DataItem("id")%>" CommandName="btnClickDelete" ImageUrl="theme/buttons/delete.jpg" onclick="return confirmDelete('Client Matter Code')" />
                    </td>
               </tr>
          </ItemTemplate>          
          <FooterTemplate>
               </table>
          </FooterTemplate>
     </asp:Repeater>

The only problem is that it appears that i cant use onclick="return confirmDelete('Client Matter Code')" in asp items, can someone suggest a fix?

spyke01 · #2 (**permalink**) 09-07-07, 01:15 PM

ok i found out why that way breaking, instead of "" around the eval of the button i need to use '', now im having a different error though, the function im using to make sure that the button is passing the right id is this:

asp Code:

Protected Sub btnSearch_Click(ByVal id As String)
        lblNewUserEmailAddressResult.Text = id
    End Sub

Heres the full page code

asp Code:

<%@ Page Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
     <asp:Label ID="Label1" runat="server" Text="Generate New Long Distance Code for:"></asp:Label>
     <asp:TextBox ID="txtNewUserEmailAddress" runat="server"></asp:TextBox>&nbsp;<asp:Button ID="btnGenerateCode" runat="server" CssClass="button" Text="Submit" /><br />
     &nbsp;<br />
     <asp:Label ID="lblNewUserEmailAddressResult" runat="server"></asp:Label><br />
     &nbsp;<br />
     
    <asp:TextBox ID="txtSearchEmail" runat="server"></asp:TextBox>
    <asp:Button ID="btnSearch" runat="server" CssClass="button" Text="Search" />
    <br />
     <asp:Repeater ID="rptClientMatterCodes" runat="server">
          <HeaderTemplate>
               <table class="forumborder" border="0" cellpadding="0" cellspacing="1" style="width: 100%;">
                <tr class="title1">
                    <td colspan="3">
                        Current Client Matter Codes
                    </td>
                </tr>
                <tr class="title2">
                    <td>Email Address</td>
                    <td>Long Distance Code</td>
                    <td>&nbsp</td>
                </tr>
          </HeaderTemplate>
          
          <ItemTemplate>
               <tr class="row1">
                    <td><%#Container.DataItem("email")%></td>
                    <td><%#functions.Padd(Container.DataItem("code"), 4, "0", "L")%></td>
                    <td class="center">
                         <a href="index.asp?action=editCode&id=<%#Container.DataItem("id")%>"><img src="theme/buttons/edit.jpg" alt="Edit Client Matter Code" /></a> 
                         &nbsp;
                         <asp:ImageButton runat="server" ID="btnDelete" CommandArgument='<%#Eval("id")%>' CommandName="btnClickDelete" CausesValidation="false" ImageUrl="theme/buttons/delete.jpg" />
                    </td>
               </tr>
          </ItemTemplate>
          
          <AlternatingItemTemplate>
               <tr class="row2">
                    <td><%#Container.DataItem("email")%></td>
                    <td><%#functions.Padd(Container.DataItem("code"), 4, "0", "L")%></td>
                    <td class="center">
                         <a href="index.asp?action=editCode&id=<%#Container.DataItem("id")%>"><img src="theme/buttons/edit.jpg" alt="Edit Client Matter Code" /></a> 
                         &nbsp;
                         <asp:ImageButton runat="server" ID="btnDelete" CommandArgument='<%#Eval("id")%>' CommandName="btnClickDelete" CausesValidation="false" ImageUrl="theme/buttons/delete.jpg" />
                    </td>
               </tr>
          </AlternatingItemTemplate>
          
          <FooterTemplate>
               </table>
          </FooterTemplate>
     </asp:Repeater>  
     
</asp:Content>

The error i get is:

Quote:

Server Error in '/LoginExample' Application.
--------------------------------------------------------------------------------

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.
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentException: 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.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:

[ArgumentException: 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.]
System.Web.UI.ClientScriptManager.ValidateEvent(St ring uniqueId, String argument) +2127900
System.Web.UI.Control.ValidateEvent(String uniqueID, String eventArgument) +106
System.Web.UI.WebControls.ImageButton.RaisePostBac kEvent(String eventArgument) +32
System.Web.UI.WebControls.ImageButton.System.Web.U I.IPostBackEventHandler.RaisePostBackEvent(String eventArgument) +7
System.Web.UI.Page.RaisePostBackEvent(IPostBackEve ntHandler sourceControl, String eventArgument) +11
System.Web.UI.Page.RaisePostBackEvent(NameValueCol lection postData) +33
System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +5102

--------------------------------------------------------------------------------
Version Information: Microsoft .NET Framework Version:2.0.50727.832; ASP.NET Version:2.0.50727.832

spyke01 · #3 (**permalink**) 09-07-07, 01:37 PM

found the solutions, i needed to check for post back in page_load and also indtead of the function i was using i needed to use this:

asp Code:

Protected Sub rptClientMatterCodes_ItemCommand(ByVal source As Object, ByVal e As System.Web.UI.WebControls.RepeaterCommandEventArgs) Handles rptClientMatterCodes.ItemCommand
        If e.CommandName = "btnClickDelete" Then
            lblNewUserEmailAddressResult.Text = "woot: " & e.CommandArgument
        End If
    End Sub