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

RadCombo box inside Rad Grid is not working

1 Answer 103 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Alston
Top achievements
Rank 1
Alston asked on 27 Mar 2017, 01:47 PM

Hi

    I want to use RadCombo Box inside Rad grid and to use Multiselect combo using Checkboxes,By the major Issue is i am not getting the grid when I use the below code and the comboBox is displayes in front of all columns,While doing Crud operations the ComboBox column is not showing but is show a textbox

Here is my Design:

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Telerik" />

        <telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadGrid1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadFormDecorator RenderMode="Lightweight" ID="RadFormDecorator1" runat="server" DecorationZoneID="demo" DecoratedControls="All" EnableRoundedCorners="false" />
        <div>
            <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" GridLines="None" AutoGenerateColumns="false" PageSize="10"
                AllowPaging="true" AllowSorting="true" runat="server" DataSourceID="SqlDataSource2" OnItemDataBound="RadGrid1_ItemDataBound" 
                AllowAutomaticUpdates="true" AllowAutomaticInserts="True" >
                <MasterTableView ShowFooter="false" DataKeyNames="Empid" EditMode="InPlace" CommandItemDisplay="TopAndBottom">
                    <Columns>
                        <telerik:GridBoundColumn DataField="EmpId" HeaderText="EmpId"
                            HeaderStyle-Width="300px" ItemStyle-Width="300px" />

                        <telerik:GridBoundColumn DataField="EmpName" HeaderText="EmployeeName"
                            HeaderStyle-Width="300px" ItemStyle-Width="300px" />


                        <telerik:GridBoundColumn HeaderText="Skills" DataField="CategoryName">
                            <FilterTemplate>
                            
                            
                                <telerik:RadComboBox ID="RadCombobox1" runat="server">
                                </telerik:RadComboBox>
                            

                                
                                <%# Eval("CategoryName")%>
                            </ItemTemplate>
                                </FilterTemplate>
                        </telerik:GridBoundColumn>




                        




                        <telerik:GridEditCommandColumn FooterText="EditCommand footer" UniqueName="EditCommandColumn"
                            HeaderText="Edit" HeaderStyle-Width="100px" UpdateText="Update">
                        </telerik:GridEditCommandColumn>



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

 

 

 

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 30 Mar 2017, 07:54 AM

Hi Alston,

There is nothing obviously wrong with the provided code, so I suggest you copy the demos below and build on top of them in order to get the exact experience you are looking for.

A few other points:

  • make sure the page markup is valid
  • make sure there are no script errors on the page


Regards,

Marin Bratanov
Telerik by Progress
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
ComboBox
Asked by
Alston
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or