出现在telerik下拉列表底部的空白区域,包含一定数量的项目

时间:2013-04-08 11:49:55

标签: c# razor telerik telerik-combobox

我正在使用telerik控件,当我使用下拉列表时,使用11个元素,它会在列表底部显示一个空格。

我在telerik的演示页面中尝试过使用chrome工具更改下拉列表的内容,它也是一样的。

如果我放了15个以上的元素,那么会显示一个条形图,我可以滚动,如果小于11,则高度可以正确调整。

telerik demo

有人知道如何删除空间吗?

1 个答案:

答案 0 :(得分:1)

将默认的RadDropDownList拖到winForm上后,我添加了11个元素。它只会显示大约5然后自动滚动。我将DropDownMinSize的Height属性更改为200,我得到以下内容:

http://www.sogentech.com/images/11Elements.jpg

根据您提供的链接判断,我希望您正在为网络开发。以下是关于在Telerik网站上控制Lancelot大小的简短说明。我有一种感觉MinSize或同等设置(可能是MinDropDownHeight)是你想要玩的。以下代码专门针对Silverlight,但这应该让您开始正确的道路:

    <!-- Here I've inserted a RadComboBox, I've also set some initial properties-->
    <telerik:RadComboBox Margin="211,59,179,0"
                         VerticalAlignment="Center"
                         HorizontalAlignment="Center"
                         MaxDropDownHeight="225"
                         MinWidth="100"
                         ScrollViewer.HorizontalScrollBarVisibility="Auto"
                         ScrollViewer.VerticalScrollBarVisibility="Auto"
                         IsMouseWheelEnabled="False"
                         Text="Top Text Title"
                         EmptyText="empty">

        <!-- This is the default style, it uses the parent container's properties such as width and height -->
        <telerik:RadComboBoxItem Content="First list Item"/>

        <!-- You can explicitly change and set the height/width of the list item by doing this-->
        <telerik:RadComboBoxItem Content="Second List Item"
                                 Height="100"
                                 Width="100"/>

        <!-- Or you can do what I've done here. I set a Minimum width and height and then set the scrollBar to "Auto"-->
        <telerik:RadComboBoxItem Content="Third list item"
                                 ScrollViewer.HorizontalScrollBarVisibility="Auto"
                                 ScrollViewer.VerticalScrollBarVisibility="Auto"
                                 MinHeight="50"
                                 MinWidth="200"/>


    </telerik:RadComboBox>

</Grid>