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

Control in ItemTemplate not present on new row

1 Answer 110 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Stephen
Top achievements
Rank 1
Stephen asked on 26 Jun 2017, 05:08 PM

I have a RadGrid with some GridTemplateColumns. I have an ItemTemplate and EditItemTemplate. In the ItemTemplate I have an <asp:CheckBox>. On page load everything is fine (pic1), but when I add a new row client-side (no postback) using the following javascript function the new row does not show the CheckBox in the ItemTemplate. The column (look at "Analytical Method Required") looks blank (pic2). The EditItemTemplate appears to work...if I click the column on that row the checkbox appears and I can set it (pic3). Then when focus leaves the column the text "true" is displayed instead of the ItemTemplate's checkbox (pic4). 

I have tried debugging in the javascript and can't seem to get a reference to the ItemTemplate's checkbox control (using row.findElement())...it returns null.

Anyone know how I can get the ItemTemplate's checkbox to be present when I add a new row client-side? Thanks.

JS:

function AddNewRowInGrid(sender, args) {      
var grid = $find("<%= grdActivityType.ClientID %>");      
var masterTable = grid.get_masterTableView();      
grid.get_batchEditingManager().addNewRecord(masterTable);     }

TemplateColumn:

<telerik:GridTemplateColumn DataField="AnalyticalMethodRequired" UniqueName="AnalyticalMethodRequired" HeaderText="Analytical Method Required"           HeaderStyle-Width="10%" SortExpression="IGNORE_CASE actyp_anl_mth_req_yn"           ItemStyle-VerticalAlign="Top" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center">          
<ItemTemplate>            
<asp:CheckBox ID="chkAnalyticalMethodRequiredItemTemplate" runat="server" Checked='<%# Eval("AnalyticalMethodRequired") %>' onclick='checkBoxClicked(this, event);' />          
</ItemTemplate>          
<EditItemTemplate>            
<asp:CheckBox ID="chkAnalyticalMethodRequiredEditItemTemplate" runat="server" Checked='<%# Bind("AnalyticalMethodRequired") %>' />          
</EditItemTemplate>        
</telerik:GridTemplateColumn>

 

1 Answer, 1 is accepted

Sort by
0
Peter Milchev
Telerik team
answered on 29 Jun 2017, 02:55 PM
Hello Stephen,

I am sharing the answer from the support thread for convenience and better visibility from the community.

This is expected as the control in the ItemTemplate is a server one and without a postback request to the server, it cannot be created on the client. 

The workaround for this case is creating the HTML of the checkbox and insert it in the cell client-side.  

Please find attached a sample project that implements such approach.

Regards,
Peter Milchev
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Stephen
Top achievements
Rank 1
Answers by
Peter Milchev
Telerik team
Share this question
or