extjs的multiselect怎么setvalue

Posted 2023-05-17

参考技术A 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')
);

select多选(multiSelect)的使用

1.使用js包

bootstrap-multiselect-master

需要对应的js,css文件

2.定义select标签

<select id="produce" multiple="multiple" class＝"multiselect">

//option标签省略

</select>

3.设定select属性

$("produce").multiselect(｛

buttonClass:‘multiSelect-btn‘,

buttonWidth:‘auto‘,

includeSelectAllOptions:true,

selectAllText:‘全选‘，

buttonContainer:‘<div class="btn-group"/>‘,

buttonText:function(options)｛

 var selected="";

if(options.length == 0)｛

    return "请选择"+‘<b class="caret"></b>‘;

｝else｛

    options.each(function()｛

       selected+= $(this).text()+‘,‘;

    ｝);

     return selected.substr(0,selected.length-1)+‘<b class="caret"></b>‘;

｝

｝

｝);

注意：1.在multiselect方法中，可以通过一些属性值设定自己需要的多项选择

         2.通过$("#produce").val() 获取的值是数组的形式;同样赋予其初始值时，也需要数组的形式 

         eg: var selecteds="producePlan,peoduceList,produceCheck";

               $("#produce").val(selecteds.split(",")); //则默认选中三个选