ASP.NET MVC中Kendo UI MultiSelect如何限制下拉显示条目数?
解决Kendo UI MultiSelect下拉列表显示条数限制问题
可以实现限制下拉框单次显示的条目数量,以下是两种常用方案:
方案一:启用分页,每页显示10条
通过启用分页功能,让下拉列表自动分页,单次仅展示10条数据,用户可通过分页控件切换查看其余条目。修改后的代码如下:
@(Html.Kendo().MultiSelect().Name("multiselect") .AutoClose(false) .Filter("contains") .BindTo(list) .Pageable(true) // 开启分页 .PageSize(10) // 设置每页显示10条 )
方案二:固定下拉面板高度,仅显示10条(滚动查看全部)
如果不需要分页,可直接设置下拉面板的高度,使其刚好容纳10条数据,超出部分通过滚动查看。通常单条条目高度约30px,10条对应设置高度为300px(可根据实际样式微调):
@(Html.Kendo().MultiSelect().Name("multiselect") .AutoClose(false) .Filter("contains") .BindTo(list) .Height(300) // 设置下拉面板高度适配10条数据 )
内容的提问来源于stack exchange,提问作者ANK
相关产品推荐
相关产品推荐

