如何禁用多选框中的其余所有项目

Posted

技术标签:

【中文标题】如何禁用多选框中的其余所有项目【英文标题】:how to disable the rest all items in multiSelect box 【发布时间】:2011-07-28 09:26:49 【问题描述】:

选择一个项目后,。这样就不应该选择多个项目。多选框显示值为:00.00A.M...11.00pm。例如:如果选择 01.00 am,rest all 应该被禁用,尽管限制为 1 个选择框会扩展为现有宽度的两倍。使用了以下属性:

                            xtype:'multiselect',
                            id:'fromMultiselect',
                            name:'fromMultiselect',
                            columnWidth: .33,
                            maxSelections:1,
                            initValues : true,
                            hideLabel : true,
                            width : 130,
                            height : 90,
                            allowBlank : false,
                            disabled: false,
                            mode:'local',
                            store : FromTimeStore ,
                            valueField : 'id',
                            displayField : 'displayFromTime',
                            columnWidth: .32

【问题讨论】:

【参考方案1】:

为什么不使用带有 multiselect:false 的组合框并在渲染后展开它?

尽管如此,您仍然可以使用多选: 添加选项:maxSelections: 1,

此处的示例(您必须取消注释 maxSelections 属性):

http://dev.sencha.com/deploy/ext-4.0.1/examples/multiselect/multiselect-demo.js

http://dev.sencha.com/deploy/ext-4.0.1/examples/multiselect/multiselect-demo.html

【讨论】:

thnx 但第一个不清楚(需要一个例子)..rest 很有帮助。

以上是关于如何禁用多选框中的其余所有项目的主要内容,如果未能解决你的问题,请参考以下文章

防止多选框在移动浏览器上的多选框中不更改

如何避免使用 Javascript 在多选框中进行 ctrl-click 的需要?

vue添加第一行为空的多选框

如何获取多选框的所有选定值?

多选框checkbox全选全不选和反选

在一定条件下取消选中多选框的选中项