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

Radgrid filter dropdown not appearing properly

1 Answer 68 Views
Grid
This is a migrated thread and some comments may be shown as answers.
raja
Top achievements
Rank 1
raja asked on 08 Mar 2016, 05:14 AM

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.

1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 10 Mar 2016, 10:02 PM
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.
Tags
Grid
Asked by
raja
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or