I have a RadGrid that I added an ItemCommand event to. The UI uses Twitter Bootstrap to open a modal window, this window has a textbox and a send button with a command name and command argument. When I click the button, I get :
ASPX:
Code-behind:
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.
ASPX:
<telerik:RadGrid ID="MyGrid" OnItemCommand="MyGrid_ItemCommand" Skin="Sitefinity" AllowSorting="True" AutoGenerateColumns="false" AllowPaging="True" PageSize="10" runat="server" GridLines="None" Width="100%"> <PagerStyle EnableSEOPaging="true" SEOPagingQueryStringKey="p" Mode="NumericPages"> </PagerStyle> <MasterTableView> <Columns> <telerik:GridTemplateColumn HeaderStyle-Font-Bold="true"> <ItemTemplate> <%#Eval("Name")%></ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderStyle-Font-Bold="true" HeaderText="Progress"> <ItemTemplate> <div class="progress progress-success progress-striped" style="position: relative; top: 10px;"> <asp:Panel runat="server" ID="progressBar" EnableViewState="false" CssClass="bar progress"> <%#Eval("Complete")%> / <%#Eval("TotalCount")%> </asp:Panel> </div> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn HeaderStyle-Font-Bold="true" HeaderText="Manage" ItemStyle-Width="220px"> <ItemTemplate> <div class="btn-group"> <asp:HyperLink ID="matchLink" CssClass="btn" runat="server" Style="color: #333 !important;" Text="<i class='icon-check'></i> Match" /> <button class="btn dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#message" data-toggle="modal"><i class='icon-envelope-alt'></i>Send Message</a></li> <li> <asp:LinkButton ID="downloadLinks" runat="server" Text="<i class='icon-download-alt'></i> Download Data" /></li> </ul> </div> <!-- Modal --> <div id="message" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button> <h3 id="myModalLabel"> Send Message</h3> </div> <div class="modal-body"> <asp:TextBox TextMode="MultiLine" ID="messageTextBox" Width="500px" placeholder="Type your message here…" runat="server" Rows="10"></asp:TextBox> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true"> Cancel</button> <asp:Button ID="sendMessageButton" CommandName="SendMessage" CommandArgument='<%#Eval("Id")%>' CssClass="btn btn-primary" Text="Send" runat="server" /> </div> </div> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> </MasterTableView> </telerik:RadGrid>Code-behind:
protected void MyGrid_ItemCommand(object sender, GridCommandEventArgs e) { // code }