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

ItemCommand event not firing

14 Answers 735 Views

Grid

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

Juri Strumpflohner asked on 12 Oct 2009, 02:50 PM

Hi,
I'm quite new to RAD controls, so be patient :)
I just started to experiment a bit with the RadGrid. I used the client-side binding by connecting the RadGrid to a WCF webservice. Everything works fine. Now I wanted to add a button column for deleting entries. I'd like to fire a server-side event by implementing the ItemCommand. So the code of my RadGrid looks as follows:

    
                <telerik:RadGrid runat="server" ID="RadGrid1" AllowPaging="True" AllowSorting="True" 
        
                    AutoGenerateColumns="False" GridLines="None"  
        
                    onitemcommand="RadGrid1_ItemCommand"> 
        
                    <MasterTableView DataKeyNames="Id" ClientDataKeyNames="Id"> 
        
                        <Columns> 
        
                            <telerik:GridBoundColumn DataField="Firstname" HeaderText="Firstname" DataType="System.String"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Lastname" HeaderText="Lastname" DataType="System.String"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn DataField="Age" HeaderText="Age" DataType="System.Int32"> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridButtonColumn CommandName="Delete" Text="Delete" ImageUrl="~/Images/edit.png"  
        
                                UniqueName="column" DataTextField="Id" ButtonType="ImageButton"> 
        
                            </telerik:GridButtonColumn> 
        
                        </Columns> 
        
                        <PagerStyle Mode="Slider" /> 
        
                    </MasterTableView> 
        
                    <ClientSettings> 
        
                        <DataBinding SelectMethod="GetSampleData" Location="Webservice/GridData.svc" SortParameterType="String"> 
        
                        </DataBinding> 
        
                    </ClientSettings> 
        
                </telerik:RadGrid>

The problem is that the ItemCommand event doesn't get fired unless I enable the "EnablePostBackOnRowClick" property on the ClientSettings. I don't like to do this however since then, every click on the row causes a postback which I don't really like.

Can somebody give me a hint of what I'm doing wrong?

Thx

14 Answers, 1 is accepted

Accepted

answered on 13 Oct 2009, 11:03 AM

Hmm..ok.

So basically what you're telling me is that if you want to use ajax-enabled grid with client-side binding you have to do EVERYTHING over the webservice. Fetching data, deleting rows etc.

Just for curiosity. Is there another way for gaining the client-side mechanisms such as asynchronous paging and data fetching (through webservice) and having actions etc. post back just normally to the server as you would expect from a standard ASP.net grid?

But I guess this would lead to problems with the ASP.net postback+Viewstate architecture...having a button that posts back but wasn't there before..

Thx again for your answer.

Update:
Alternatively, do you know how to retrieve the current row without using the OnRowSelected event. Basically if I have a GridTemplateColumn inside my grid (an edit button on each row for instance) like this

    
                            <telerik:GridTemplateColumn> 
        
                                <ItemTemplate> 
        
                                    <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/Images/edit.png" CommandName="Edit" OnClientClick="commandEvent(); return false;" /> 
        
                                </ItemTemplate> 
        
                            </telerik:GridTemplateColumn>

The "commandEvent" is a JavaScript function which would then do further actions. Do you know how I can retrieve the client-side "DataItem" of the row on which the button has been pressed?

Thx

answered on 26 Sep 2014, 10:11 AM

Code is given and my Web UI version is 2014.1.225.45

<telerik:RadGrid ID="BalanceAdjustment_RDGV" runat="server" PageSize="7"
ShowStatusBar="true" AutoGenerateColumns="False"
AllowSorting="True" AllowMultiRowSelection="False" AllowPaging="True" OnInsertCommand="BalanceAdjustment_ItemCom" OnNeedDataSource="BalanceAdjustment_RDGV_NeedDataSource">
<MasterTableView Width="100%" DataKeyNames="LOT_ID,TRAN_LOT_ID" AllowMultiColumnSorting="True">

<Columns>
<telerik:GridBoundColumn SortExpression="LOT_ID" DataField="LOT_ID" Display="false">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn SortExpression="TRAN_LOT_ID" DataField="TRAN_LOT_ID" Display="false">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Lot Num" DataField="LOT_NUM">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Cust Name" DataField="CLIENT_NAME">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Cust Code" DataField="CLIENT_CODE">
</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="TRAN_DATE" HeaderText="Trans Date" UniqueName="TRAN_DATE">

<ItemTemplate>
<telerik:RadDatePicker ID="transdate_cal" runat="server" DbSelectedDate='<%# Bind("TRAN_DATE") %>'
Enabled="false">
</telerik:RadDatePicker>
</ItemTemplate>

</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Start Value" UniqueName="STARTING_VALUE">
<ItemTemplate>
<telerik:RadTextBox ID="strt_value_tb" InputType="Number" runat="server" Text='<%# Eval("STARTING_VALUE") %>' Enabled="false">
</telerik:RadTextBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn HeaderText="Value Recv" DataField="VALUE_RECEIVED">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Value Ship" DataField="VALUE_SHIPED">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Transfer To" DataField="TRANSFER_TO">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Ending Value" DataField="ENDING_VALUE">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Starting Balace" UniqueName="PCS_START_BAL">
<ItemTemplate>
<telerik:RadTextBox ID="pcs_start_bal_tb" InputType="Number" runat="server" Text='<%# Eval("PCS_START_BAL") %>' Enabled="false">
</telerik:RadTextBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="CTN Starting Bal" UniqueName="CTN_STARTING_BAL">
<ItemTemplate>
<telerik:RadTextBox ID="ctn_start_bal_tb" InputType="Number" runat="server" Text='<%# Eval("CTN_START_BAL") %>' Enabled="false">
</telerik:RadTextBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="right" HeaderText="Action" UniqueName="Action">
<HeaderStyle Width="120px" />
<ItemStyle Width="120px" />
<FooterStyle Width="120px" />
<ItemTemplate>
<asp:ImageButton ID="lnkUpdatePD" runat="server" align="right" CausesValidation="True" CommandName="UpdateGrid"
Height="20px" ImageUrl="~/images/update.png" ToolTip="Update" Visible="false" Width="20px" />
<asp:ImageButton ID="lnkCancelPD" runat="server" align="right" CausesValidation="False" CommandName="CancelGrid"
Height="20px" ImageUrl="~/images/Cancel.png" ToolTip="Cancel" Visible="false" Width="20px" />
<asp:ImageButton ID="lnkEditPD" runat="server" align="right" CausesValidation="False" CommandName="EditGrid"
Height="20px" ImageUrl="~/images/icon-edit.png" ToolTip="Edit" Width="20px" />
</ItemTemplate>

</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>

answered on 30 Sep 2014, 08:50 AM

Hello Ali,

I have tested your RadGrid settings with dummy data and when I have attached a handler for the server-side OnItemCommand event, it fires as expected when you click on the button from the template column. Following is the sample that I have tested:

<telerik:RadGrid ID="BalanceAdjustment_RDGV" runat="server" PageSize="7"

ShowStatusBar="true" AutoGenerateColumns="true"

AllowSorting="True" AllowMultiRowSelection="False" AllowPaging="True" OnItemCommand="BalanceAdjustment_RDGV_ItemCommand"

OnNeedDataSource="BalanceAdjustment_RDGV_NeedDataSource">

<MasterTableView Width="100%" AllowMultiColumnSorting="True">

<Columns>

<telerik:GridTemplateColumn HeaderStyle-HorizontalAlign="right" HeaderText="Action" UniqueName="Action">

<HeaderStyle Width="120px" />

<ItemStyle Width="120px" />

<FooterStyle Width="120px" />

<ItemTemplate>

<asp:ImageButton ID="lnkEditPD" runat="server" align="right" CausesValidation="False" CommandName="EditGrid"

Height="20px" ImageUrl="~/images/icon-edit.png" ToolTip="Edit" Width="20px" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

And the code-behind:

protected void BalanceAdjustment_RDGV_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

DataTable table = new DataTable();

table.Columns.Add("ID", typeof(int));

table.Columns.Add("FirstName", typeof(string));

for (int i = 0; i < 5; i++)

{

table.Rows.Add(i, "FirstName" + i);

}

(sender as RadGrid).DataSource = table;

}

protected void BalanceAdjustment_RDGV_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == "EditGrid")

{

// your custom logic

}

If further assistance is needed, please elaborate on the exact issue and when do you expect the OnItemCommand to fire.

Looking forward to your reply.

Regards,
Konstantin Dikov
Telerik

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

answered on 29 Dec 2016, 09:05 AM

Hi all, although it is old post I can see there are some issues with RadGrid OnItemCommand event not firing in other posts so I'll post mine problem/solution also.

Scenario: Button inside GridButtonColumn with CommandName which when fired does some logic.

Problem: The method that supposed to execute on button event(click) was not executing at all.

Solution: Change in Page_Load in code behind because there was some logic which was handling what to do when Page.IsPostBack. After "better" defining what to do on postback everything worked as expected.

So, try reviewing where and if you are using Page.IsPostBack and if changing it solves you problems.

Best regards.