C# Telerik RadGrid Filtertemplate作为RadCombobox UI不正确

C# Telerik RadGrid Filtertemplate作为RadCombobox UI不正确,c#,asp.net,telerik,radgrid,C#,Asp.net,Telerik,Radgrid,我正在使用Telerik RadGrid控件,其中我添加了FilterTemplate作为RadComboBox,用于为特定列提供过滤器,但RadComboBox看起来不太合适 用于RadComboBox屏幕截图的PFA。 代码: 函数selectedindexchanged(发送方,参数){ var tableview=$find(“”); tableview.filter(“status”,args.get_item()。get_value(),“equalto”); } 看起来有些

我正在使用Telerik RadGrid控件,其中我添加了FilterTemplate作为RadComboBox,用于为特定列提供过滤器,但RadComboBox看起来不太合适

用于RadComboBox屏幕截图的PFA。

代码:


函数selectedindexchanged(发送方,参数){
var tableview=$find(“”);
tableview.filter(“status”,args.get_item()。get_value(),“equalto”);
}  

看起来有些CSS覆盖了RadComboBox的默认设置。在浏览器开发工具工具栏中检查呈现的HTML,并找到破坏它的规则,以便在需要时可以覆盖它们

或者,从页面中删除所有自定义CSS,如果问题没有了,开始逐块添加它

这对您的代码来说很好(我只添加了一个虚拟数据源,删除了其他列并对页面进行了rand):


您使用的是什么版本的Telerik?它在哪些浏览器中看起来不正确?是否有任何浏览器看起来是正确的?在所有浏览器中,它都显示相同的UI,我正在使用2013.2.717.40版本的Telerik dll。是的,它是正确的,因为如果我在空白页上执行相同的代码,它就可以正常工作。但我尝试删除所有css,结果仍然是相同的页面。这意味着CSS不是一个问题。我不明白什么是真正的问题。显然,该页面上的某些内容破坏了组合的CSS。将空白页面与您的页面进行比较,看看有什么不同,以便您可以修复它。
<telerik:RadGrid ID="RadGridApplications" Skin="Metro" SkinID="Metro" AutoGenerateColumns="false"
OnNeedDataSource="RadGridApplications_NeedDataSource" AllowPaging="true" PageSize="10" 
ShowStatusBar="true" AllowFilteringByColumn="true" runat="server">
    <MasterTableView DataKeyNames="ProductID">
        <Columns>
            <telerik:GridBoundColumn DataField="ProductID" HeaderText="Application ID" HeaderStyle-Width="10%" AllowFiltering="false">
            </telerik:GridBoundColumn>

            <telerik:GridBoundColumn DataField="Name" HeaderText="Application Name" HeaderStyle-Width="65%" AllowFiltering="false">
            </telerik:GridBoundColumn>

            <telerik:GridBoundColumn DataField="Status" HeaderText="Status" HeaderStyle-Width="15%" FilterControlAltText="Status" ReadOnly="true">
                <FilterTemplate>
                    <telerik:RadComboBox ID="Status_filter" runat="server" Height="200px" Width="100%" 
                    AppendDataBoundItems="true" OnClientSelectedIndexChanged="selectedindexchanged" 
                    SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("Status").CurrentFilterValue %>'>
                        <Items>
                            <telerik:RadComboBoxItem Text="Active" Value="Active"/>
                            <telerik:RadComboBoxItem Text="In-Active" Value="In-Active" ViewStateMode="enabled" />
                        </Items>
                    </telerik:RadComboBox>

                    <telerik:RadScriptBlock ID="radscriptblock1" runat="server">
                        <script type="text/javascript">
                            function selectedindexchanged(sender, args) {
                                var tableview = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                            tableview.filter("status", args.get_item().get_value(), "equalto");
                            }  
                        </script>
                    </telerik:RadScriptBlock>

                </FilterTemplate>
            </telerik:GridBoundColumn>

            <telerik:GridHyperLinkColumn Text="Edit" ItemStyle-CssClass="editlink" DataNavigateUrlFields="ProductID" HeaderStyle-Width="10%"
            DataNavigateUrlFormatString="AddEditApplication.aspx?Mode=Edit&ID={0}" AllowFiltering="false">
            </telerik:GridHyperLinkColumn>
        </Columns>
    </MasterTableView>
</telerik:RadGrid>