Radgrid filter dropdown not appearing properly

2 posts, 0 answers
  1. raja
    raja avatar
    6 posts
    Member since:
    Jun 2014

    Posted 07 Mar Link to this post

    Telerik Team, 

    I have radgrid as below but the filter is not appearing properly. 

    Attached is the screen shot of filter dropdown 

     

    <telerik:RadGrid ID="rgrdUsers" runat="server" OnNeedDataSource="rgrdUsers_NeedDataSource"  AllowFilteringByColumn="True"
                                            AllowSorting="True" AllowPaging="True" PageSize="10" AutoGenerateColumns="False"  
                                            EnableLinqExpressions="false" OnItemDataBound="rgrdUsers_ItemDataBound" OnItemCreated="rgrdUsers_ItemCreated" Width="100%">
                                            <ClientSettings EnableRowHoverStyle="true">
                                                <Scrolling UseStaticHeaders="true" AllowScroll="true" SaveScrollPosition="true"  />
                                                <Selecting AllowRowSelect="true" />
                                            </ClientSettings>
                                            
                                            <ExportSettings ExportOnlyData="true" FileName="ESR Detail List" IgnorePaging="true"
                                                OpenInNewWindow="true" Excel-Format="ExcelML">
                                            </ExportSettings>
                                            <MasterTableView DataKeyNames="UserID,UserType,RoleID,BusinessUnitID,teamid" CommandItemDisplay="Top" >
                                                <CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="true" ShowExportToExcelButton="false"/>
                                                <Columns>

                                                    <telerik:GridBoundColumn DataField="LastName" FilterDelay="200" FilterControlWidth="80px" HeaderStyle-Wrap="false" ItemStyle-Wrap="false" ShowFilterIcon="false" HeaderText="First Name"></telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn DataField="FirstName" FilterDelay="200" FilterControlWidth="80px"  HeaderStyle-Wrap="false" ItemStyle-Wrap="false" ShowFilterIcon="false" HeaderText="Last Name"></telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn DataField="EmailID" FilterDelay="200" FilterControlWidth="80px" HeaderStyle-Wrap="false" ItemStyle-Wrap="false" ShowFilterIcon="false" HeaderText="EmailID"></telerik:GridBoundColumn>
                                                    <%--<telerik:GridBoundColumn DataField="UserTypeName" HeaderText="UserType Name"></telerik:GridBoundColumn>--%>
                                                    <telerik:GridBoundColumn DataField="RoleName" FilterControlWidth="80px" HeaderStyle-Wrap="false" ItemStyle-Wrap="false" CurrentFilterFunction="Contains" AutoPostBackOnFilter="true" HeaderText="Role Name"></telerik:GridBoundColumn>
                                                    <%--<telerik:GridBoundColumn DataField="AllowEmail" HeaderText="AllowEmail"></telerik:GridBoundColumn>--%>
                                                    <telerik:GridBoundColumn DataField="BusinessUnitName" FilterControlWidth="90px" HeaderStyle-Wrap="false" ItemStyle-Wrap="false" HeaderText="Business Unit"></telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn UniqueName="TeamName" DataField="TeamName" HeaderText="Team" HeaderStyle-Wrap="false" ItemStyle-Wrap="false"  >
                                                        <FilterTemplate>
                                                            <telerik:RadComboBox ID="rcmbTeamName" runat="server" DropDownAutoWidth="Enabled" 
                                                                AppendDataBoundItems="true" Height="200px" SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("TeamName").CurrentFilterValue %>'
                                                                OnClientSelectedIndexChanged="TeamIndexChanged" Width="150px" >
                                                                <Items>
                                                                    <telerik:RadComboBoxItem Text="All" />
                                                                </Items>
                                                            </telerik:RadComboBox>
                                                            <telerik:RadScriptBlock ID="radscriptTeamCombo" runat="server">
                                                                <script type="text/javascript">
                                                                    function TeamIndexChanged(sender, args) {
                                                                        var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                                                                        tableView.filter("TeamName", args.get_item().get_value(), "EqualTo");
                                                                    }
                                                                </script>
                                                            </telerik:RadScriptBlock>
                                                        </FilterTemplate>
                                                        
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn UniqueName="ReportingTo" DataField="ReportingTo" HeaderText="Managers" HeaderStyle-Wrap="false" ItemStyle-Wrap="false">
                                                        <FilterTemplate>
                                                            <telerik:RadComboBox ID="rcmbManagers" runat="server" DropDownAutoWidth="Enabled"
                                                                AppendDataBoundItems="true" Height="200px" SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("ReportingTo").CurrentFilterValue %>'
                                                                OnClientSelectedIndexChanged="ManagerIndexChanged">
                                                                <Items>
                                                                    <telerik:RadComboBoxItem Text="All" />
                                                                </Items>
                                                            </telerik:RadComboBox>
                                                            <telerik:RadScriptBlock ID="radscriptManagerCombo" runat="server">
                                                                <script type="text/javascript">
                                                                    function ManagerIndexChanged(sender, args) {
                                                                        var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                                                                        tableView.filter("ReportingTo", args.get_item().get_value(), "EqualTo");
                                                                    }
                                                                </script>
                                                            </telerik:RadScriptBlock>
                                                        </FilterTemplate>
                                                    </telerik:GridBoundColumn>

                                                    <%-- <telerik:GridBoundColumn DataField="UserName" HeaderText="UserName"></telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn DataField="Passwords" HeaderText="Password"></telerik:GridBoundColumn>--%>
                                                    <telerik:GridBoundColumn DataField="IsActive" FilterControlWidth="50px" HeaderText="Active" HeaderStyle-Wrap="false" ItemStyle-Wrap="false"></telerik:GridBoundColumn>

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

     

     

    Can you reply ASAP.

  2. Pavlina
    Admin
    Pavlina avatar
    6084 posts

    Posted 10 Mar Link to this post

    Hi,

    Which is the version of Telerik.UI for ASP.NET AJAX that you are using? Also provide a live URL where the issue can be observed, so we can inspect the control and provide more to the point answer.

    Regards,
    Pavlina
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top