多选下拉框标签(multiSelect)可创建多选下拉框,通过以下三种方式设置选项列表数据来源:
▶ enumSource:定义枚举数据源,值为枚举类全名。
▶ listSource:定义java.util.List类型数据源,值为com.kingdee.bos.webframework.util.SelectItem泛型的List对象。
▶ urlSource:定义url数据源,指定访问地址,返回json字符串。
▶ 下拉框过滤标签(selectfilter)用于对选项的过滤,可快速定位到目标选项
var options = {id:"select_id",name:"select_name",option:"select_option",enumSource:[{'alias':'未提交','value':0},
{'alias':'未审批','value':1},
{'alias':'审批中','value':2},
{'alias':'审批通过','value':3},
{'alias':'审批不通过','value':4}]};
var dom = waf.createDOM("mselect", options);
waf.appendDOM(waf("body"), dom);
waf.initComponent("mselect", options, dom);
<select id='ccc'></select>
<!--DOM创建好之后,使用js初始化控件-->
var options = {name:"select_name",option:"select_option",enumSource:[{'alias':'未提交','value':0},
{'alias':'未审批','value':1},
{'alias':'审批中','value':2},
{'alias':'审批通过','value':3},
{'alias':'审批不通过','value':4}]};
waf("#ccc").wafMultiSelect(options);
//调用方法
waf("#id").wafMultiSelect('method', parameter...);
//eg:获取和设置值
waf("#id").wafMultiSelect("getValue");
waf("#id").wafMultiSelect("setValue","1");
//eg:更改事件
waf("#id").wafMultiSelect("option","onchange",fn);
定义下拉框控件的id
定义下拉框的名称
定义枚举数据源,值为枚举类全名。在运行期变换数据源时,传递的值为json对象,格式如:简单格式:[{‘alias’:’未提交’,’value’:0},{‘alias’:’未审批’,’value’:1},{‘alias’:’审批中’,’value’:2},{‘alias’:’审批通过’,’value’:3},{‘alias’:’审批不通过’,’value’:4}]或者带分组格式:[{‘childs’:[{‘alias’:’人民币’,’value’:’chinesermb’},{‘alias’:’日元’,’value’:’japaneseyen’},{‘alias’:’韩元’,’value’:’koreanwon’}],’groupAlias’:’亚洲货币’},{‘childs’:[{‘alias’:’美国美元’,’value’:’dollar’},{‘alias’:’加拿大加元’,’value’:’CanadianDollar’}],’groupAlias’:’美洲货币’}]
定义List类型数据源,接收的值为com.kingdee.bos.webframework.util.SelectItem泛型的List对象
定义url数据源,指定访问地址,返回json字符串。在后台可构造元素为com.kingdee.bos.webframework.util.SelectItem类型的List对象,并调用com.kingdee.bos.webframework.util.TagUtil.toJson(ListdataList)获得json字符串后输出
定义下拉框的初始选项。单选情况下,默认选项为第一项,可接收的值类型有以下几种:简单数据类型、com.kingdee.util.enums.Enum或其子类、com.kingdee.bos.webframework.util.SelectItem;多选情况下,无默认选项,可接收的值类型有以下几种:字符串(以’,”相隔)、java.util.List或者java.util.List。指定后将选中与该值对应的选项
定义下拉框为禁用状态
定义下拉框的隐藏状态,默认值为false
定义下拉框的高度,值可以是整数、百分比或字符串
定义下拉框选项列表的高度。若取值为’auto”,则会根据列表选项个数计算列表高度
定义下拉框的宽度,值可以是整数、百分比或字符串
定义未选择选项时下拉框中的文字,默认值为’请选择’。当标签属性header=’true’且multiple为true或multiple时,可以在运行期改变noneSelectedText的值
规定按下tab键时文本框控件获得焦点的顺序,默认值为0
定义下拉框的样式
定义下拉框的样式类,可以添加一个或多个
定义下拉框的格式化函数,此函数接收到两个参数,分别为value和label,对应某个选项的值和标题
定义送往服务器的选项值 <?
规定当下拉框select未设置value初始值时,该选项(在首次显示在列表中时)表现为选中状态
定义选项组名称描述
下拉框选项列表过滤框左侧文字,默认为’过滤:’
下拉框选项列表过滤框宽度
下拉框选项列表过滤框提示文字,默认为’输入关键字过滤”
定义下拉框选项列表关闭时是否重置过滤框中查询字符,默认值为false
定义下拉框选项列表关闭时是否重置过滤框中查询字符,默认值为false
全选option中的文本内容,默认值为false
不全选option中的文本内容,默认值为false ?>
选中的下拉框的内容,默认值为false
启用下拉框控件 [参考样例]
用下拉框控件 [参考样例]
判断该控件选项列表是否打开 [参考样例]
打开下拉框选项列表 [参考样例]
关闭下拉框选项列表 [参考样例]
获得或设置下拉框某属性的值,当value参数存在时,设置控件的property属性值,且无返回值,否则返回控件的property属性值 [参考样例]
对下拉框多个属性进行一次性设置 [参考样例]
重新加载下拉框选项列表。如果通过AJAX或者DOM动态增加或删除下拉框中的选项,可以调用refresh方法使下拉框选项列表随之变化 [参考样例]
获得选中对象或对象数组,每一个对象格式如:{value:”1”,alias:”未提交”} [参考样例]
获得选中对象的值,多选时值之间以逗号相隔 [参考样例]
获得选中对象的别名,多选时值之间以逗号相隔 [参考样例]
设置下拉框中选中的选项,本例设置下拉框的选项值为“未提交” [参考样例]
获得值为value的选项的索引位置,从0开始计数。本例中获得value值为“0”的选项的索引。 [参考样例]
在下拉框列表中的第index个位置上,动态增加选项 [参考样例]
动态移除下拉框列表中的第index个位置上的选项 [参考样例]
获得下拉框所有选项的json对象数组 [参考样例]
获得下拉框所有选项[参考样例]
不获得下拉框所有选项 [参考样例]
获得选中下拉框所有选项的json对象数组 [参考样例]
在选项列表打开前触发该事件,可通过返回false来阻止选项列表打开 [参考样例]
打开下拉框列表时触发onopen事件 [参考样例]
在选项列表关闭前触发beforeclose事件,可通过返回false来阻止选项列表关闭 [参考样例]
在关闭下拉框列表时触发onclose该事件 [参考样例]
当下拉框列表中选项被点击时触发onclick事件。 [参考样例]
当选择的选项发生变化时,触发onchange事件。 [参考样例]