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

FindControl in InsertItem of RadGrid with FormTemplate(EditForm Template)

2 Answers 514 Views

Grid

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

siva sankaran asked on 08 Nov 2016, 10:51 AM

<telerik:RadGrid ID="SampleGrid" GridLines="None" runat="server" AllowAutomaticDeletes="false"

<br>                              AllowPaging="True" PageSize="10" AllowAutomaticInserts="false" AllowAutomaticUpdates="false"<

br

>                              AutoGenerateColumns="False" MasterTableView-EditMode="EditForms" ShowFooter="false"<

br> MasterTableView-CommandItemSettings-ShowRefreshButton="false"<br

>                              OnNeedDataSource="SampleGrid_NeedDataSource" OnInsertCommand="SampleGrid_InsertCommand"<

br

>                              OnItemCommand="SampleGrid_ItemCommand" OnUpdateCommand="SampleGrid_UpdateCommand" OnItemDataBound="SampleGrid_ItemDataBound"<

br> Width="100%"> <PagerStyle Mode="NextPrevAndNumeric" /> <MasterTableView Width="100%" CommandItemDisplay="Top" HorizontalAlign="NotSet" AutoGenerateColumns="False" DataKeyNames="ID" Caption="Sample" > <Columns><telerik:GridTemplateColumn HeaderText="Action" AllowFiltering="false"> <ItemTemplate> <asp:ImageButton ID="ImgBtnEdit" runat="server" CommandName="Edit" CausesValidation="False"

<br>                                                  ImageUrl="../Images/icons/page-edit.png" ToolTip="Edit" ImageAlign="AbsMiddle"><

br> </asp:ImageButton> </ItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn DataField="NAME" HeaderText="Name" UniqueName="NAME" ItemStyle-Width="120px"> </telerik:GridBoundColumn> </Columns> <EditFormSettings EditFormType="Template"> <FormTemplate><table class="detailtable" cellspacing="2" cellpadding="1" width="100%" border="0" rules="none" style="border-collapse: collapse;"> <tr> <td class="detaillabel"> Brand: </td> <td> <telerik:RadComboBox ID="Name" runat="server" Width="250px" AllowCustomText="true" EmptyMessage="Select" EnabledStyle-HorizontalAlign="Right"> </telerik:RadComboBox> </td> </tr> </table> </div> </FormTemplate> </EditFormSettings> </MasterTableView> <GroupingSettings CaseSensitive="false" ShowUnGroupButton="true" /> <ClientSettings EnableRowHoverStyle="true" AllowDragToGroup="true" ReorderColumnsOnClient="true" AllowGroupExpandCollapse="true" AllowColumnsReorder="true"> <Selecting AllowRowSelect="True" EnableDragToSelectRows="true" /> </ClientSettings> </telerik:RadGrid> 

I want to find the ComboBox and bind combo box with some values so that While inserting record , the end user can choose a value to insert or save

<p style=" background-color: #fff;"><span style=" "><span style=" margin-left: 0px !important;"><code style="color: #000;"></code><p style=" background-color: #fff;"><span style=" "><span style=" margin-left: 0px !important;"><code style="color: #000;"> protected void SumInsGrid_ItemDataBound(object sender, GridItemEventArgs e) { GridDataItem dataItem = e.Item as GridDataItem; if (e.Item is GridEditFormInsertItem) { RadComboBox Name = (RadComboBox)e.Item.FindControl("Name"); BindComboBox(Name); }</code><p style=" background-color: #fff;"><span style=" "><span style=" margin-left: 0px !important;"><code style="color: #000;"> else if (e.Item is GridEditFormItem && e.Item.IsInEditMode) {</code><p style=" background-color: #fff;"><span style=" "><span style=" margin-left: 0px !important;"><code style="color: #000;"> ...........</code><p style=" background-color: #fff;"><span style=" "><span style=" margin-left: 0px !important;"><code style="color: #000;"> RadComboBox Name = (RadComboBox)e.Item.FindControl("Name");<br style="color: rgb(0, 0, 0); font-family: monospace;"> BindComboBox(Name);</code><p style=" background-color: #fff;"><span style=" "><span style=" margin-left: 0px !important;"><code style="color: #000;"> ...</code><p style=" background-color: #fff;"><span style=" "><span style=" margin-left: 0px !important;"><code style="color: #000;"> }</code><p style=" background-color: #fff;"><span style=" "><span style=" margin-left: 0px !important;"><code style="color: #000;"> }</code><p style=" background-color: #fff;"><span style=" "><span style=" margin-left: 0px !important;"><code style="color: #000;"></code>

While Editing findControl method works by returning the ComboBox object but not While Inserting. I want to bind values programmatically to the RadComboBox.

2 Answers, 1 is accepted

answered on 11 Nov 2016, 08:49 AM

Hello Siva,

The most straightforward way of achieving combo editing is placing a combo control inside the EditItemTemplate of GridTemplateColumn or FormTemplate:
http://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/columns/column-types/defaultcs.aspx

And make avail of the SelectedValue property and the Bind expression:
http://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/form-template-update/defaultcs.aspx
https://msdn.microsoft.com/en-us/library/vstudio/ms178366%28v=vs.100%29.aspx

Alternatively, you can use GridDropDownColumn:
http://demos.telerik.com/aspnet-ajax/grid/examples/columns-rows/columns/column-types/defaultcs.aspx
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/columns/column-types#griddropdowncolumn

The GridDropDownColumn generates a combo control only during insert or edit mode:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/how-to/customize-griddropdowncolumn

Therefore, you can access it only during these modes:
http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/rows/accessing-cells-and-rows#accessing-controls-in-editinsert-mode

If you use GridTemplateColumn approach, you can also bind the combo using its DataBinding event handler:
http://www.telerik.com/forums/grid-filter-contains-not-finding-anything#ZhplbQLMI0iOiGnkWdM0OQ

I hope this will prove helpful.

Regards,
Eyup
Telerik by Progress

Check out the new UI for ASP.NET Core, the most complete UI suite for ASP.NET Core development on the market, with 60+ tried-and-tested widgets, based on Kendo UI.