RadCombo box inside Rad Grid is not working

2 posts, 0 answers
  1. Alston
    Alston avatar
    1 posts
    Member since:
    Mar 2017

    Posted 27 Mar 2017 Link to this post

    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>

     

     

     

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5140 posts

    Posted 30 Mar 2017 Link to this post

    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.
Back to Top