前言
在
[Ext JS 4] 实战之多选下拉单 (带checkbox)
这一篇中有介绍如何开发带有checkbox 的多选菜单。但是实际项目开发过程中, 用户的需求也是不断精进的。
使用淘宝或是其他网站购物车功能的用户对全选就特别习惯, 所以他们也希望在下拉单中也能有 "ALL" 这样的选项。
但是Extjs 本身提供的多选下拉单,功能比较有限。
之前有扩充过带 checkbox, 现在又要多扩充一个 "ALL" 选项了。
要求是:
1. 选中"ALL", 其他选项要自动勾选
2. 反选"ALL", 其他选项要自动反选
3. 所有非"ALL"选项都选了, 要自动把 "ALL"勾选
3.