PrimeNG p-multiSelect 自定义动态选中项标签及全选功能实现求助
PrimeNG p-multiSelect 自定义功能实现求助
刚接触Angular框架,在项目开发中碰到PrimeNG p-multiSelect 组件的自定义需求无法落地的问题,特向各位开发者求助。
需要实现的具体需求:
- 下拉选择组件需内置*「Select All」*选项,支持用户一键选中所有列表条目
selectedItemsLabel的展示逻辑需根据容器尺寸动态适配,最多展示2或3个选中值,其余已选中项按照*「+{remaining} more」*的格式做缩略标注,避免选中项过多撑歪组件布局
目标展示效果可参考通用多选组件的全选入口、长文本选中值的紧凑展示逻辑
目前已经完成了组件的基础引入、常规列表渲染的基础代码编写,调试过程中碰到两个卡点:一是没有便捷的全选入口,二是选中值展示时不会根据剩余宽度自动截断,选中项较多时布局会出现错乱,上述两个自定义规则始终无法按照预期正常生效。
内容的提问来源于stack exchange,提问作者Srinivas Lakshman
相关产品推荐
相关产品推荐

