multiselect 可多选的处理方式

最新推荐文章于 2023-04-19 17:39:10 发布

iteye_12272

最新推荐文章于 2023-04-19 17:39:10 发布

阅读量250

点赞数

CC 4.0 BY-SA版权

分类专栏：存档文章标签： EXT

本文链接：https://blog.youkuaiyun.com/iteye_12272/article/details/81804833

存档专栏收录该内容

57 篇文章

订阅专栏

本文介绍了如何重写Ext.ux.Multiselect组件来增强其功能，并实现了全选功能的具体实现方式。通过代码示例展示了如何在点击时保持选择状态，并在全选操作中更新隐藏字段的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

老猪的成果 :wink: :wink: :wink:

// 重写multiselector
	myMultiselect = Ext.extend(Ext.ux.Multiselect, {
				onViewClick : function(vw, index, node, e) {
					var arrayIndex = this.preClickSelections.indexOf(index);
					if (arrayIndex != -1) {
						this.preClickSelections.splice(arrayIndex, 1);
						this.view.clearSelections(true);
						this.view.select(this.preClickSelections);
					}

					// store initial value
					var initialStr = this.hiddenField.dom.value;

					this.fireEvent('change', this, this.getValue(),
							this.hiddenField.dom.value);
					this.hiddenField.dom.value = this.getValue();
					this.fireEvent('click', this, e);
					this.validate();

					// get new value
					var newStr = this.hiddenField.dom.value;
					// add conditions here
					if (arrayIndex == -1) {
						this.setValue(initialStr + this.delimiter + newStr);
					}
				}
			});

对全选的处理：

tbar : ['-', {text : '全选',
											handler : function() {var result = "";
	for (var i = 0; i < drugTypeStore.getCount(); i++) {
		result += drugTypeStore.getAt(i).get('code') + ",";
	}
	if (result.length > 0) {
		result = result.substring(0, result.length - 1);
	}
	isForm.form.findField('multiselector').setValue(result);}},'-']