Ext multiselect 怎样设置只能单选

Ext multiselect 怎样设置只能单选,第1张

ext的MultiSelect 允许在一个form的域中选择一个或者多个字段值。这个数据的结构是一个数据存储来源,它可以重新排序通过拖动或者删除,只要设置ddReorder:true 即可。

常用举例如下:

/*

* Ext.ux.form.MultiSelect Example Code

*/

var msForm = Ext.widget('form', {

title: 'MultiSelect Test',

width: 400,

bodyPadding: 10,

renderTo: 'multiselect',

items:[{

anchor: '100%',

xtype: 'multiselect',

msgTarget: 'side',

fieldLabel: 'Multiselect',

name: 'multiselect',

id: 'multiselect-field',

allowBlank: false,

store: {

fields: [ 'number', 'numberName' ],

proxy: {

type: 'ajax',

url: 'Numbers',

reader: 'array'

},

autoLoad: true

},

valueField: 'number',

displayField: 'numberName',

value: ['3', '4', '6'],

ddReorder: true

}],

dockedItems: createDockedItems('multiselect-field')

})

注意题目的要求:

要想【不使用】Shift或Ctrl键就能在列表中【同时选择】多个项目

MultiSelect = 0 只允许单选

MultiSelect = 1 允许按住Shift或Ctrl键多选,多选了是多选的,但是不符合题目要求

MultiSelect = 2 列表前有复选框,这样只要勾选复选框了,不就是【不使用Shift或Ctrl键就能多选】嘛!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11559953.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存