You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 23:34:56