超级会员免费看
本文介绍了如何在Ext JS 4中扩展多选下拉框，添加全选（ALL）选项。文章详细阐述了两种实现思路，包括在store中添加数据和在下拉单中添加独立的ALL选项，并通过配置BoundList和监听itemSelect、itemDeselect事件来实现全选和反选的联动效果。同时，针对用户反馈，讨论了显示全选所有选项和单独显示已选选项的改进方案。
前言
在
[Ext JS 4] 实战之多选下拉单 (带checkbox)
这一篇中有介绍如何开发带有checkbox 的多选菜单。但是实际项目开发过程中， 用户的需求也是不断精进的。
使用淘宝或是其他网站购物车功能的用户对全选就特别习惯， 所以他们也希望在下拉单中也能有 "ALL" 这样的选项。
但是Extjs 本身提供的多选下拉单，功能比较有限。
之前有扩充过带 checkbox, 现在又要多扩充一个 "ALL" 选项了。
要求是：
1. 选中"ALL", 其他选项要自动勾选
2. 反选"ALL", 其他选项要自动反选
3. 所有非"ALL"选项都选了， 要自动把 "ALL"勾选
3.
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
