C# Telerik RadGrid Filtertemplate作为RadCombobox UI不正确
我正在使用Telerik RadGrid控件,其中我添加了FilterTemplate作为RadComboBox,用于为特定列提供过滤器,但RadComboBox看起来不太合适 用于RadComboBox屏幕截图的PFA。 代码: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”); } 看起来有些
函数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>