Ext 带复选框的多选下拉框 MultiSelectComboBox

最新推荐文章于 2018-09-25 14:35:00 发布

zidasine

最新推荐文章于 2018-09-25 14:35:00 发布

阅读量4.2k

点赞数 1

分类专栏： js extjs 文章标签： ext function class html null 测试

本文链接：https://blog.csdn.net/zidasine/article/details/7007407

版权

本文介绍了如何在ExtJS中创建一个带复选框的多选下拉框（MultiSelectComboBox）。代码示例提供了一个实现这种功能的方法，但请注意，由于环境限制，代码未经实际测试，可能存在笔误。如需使用，请根据需求进行调整并参考链接出处。

摘要由CSDN通过智能技术生成

由于环境问题，以上代码为手敲，未经测试如果笔误请谅解

转载请注明出处：http://blog.csdn.net/zidasine/article/details/7007407

Ext.namespace("Ext.ux");
Ext.ux.CheckBoxDataView = Ext.extend(Ext.DataView, {

	// 是否点击行 选中 默认点击check'框 选中
	rowSelect : false,
	checkedCls : "x-form-check-checked",
	initComponet : function() {
		Ext.ux.CheckBoxDataView.superclass.initComponet.call(this);
	},
	check : function(e) {
		var item = e.getTarget(this.itemSelector, this.el);
		if (item) {
			var index = this.indexOf(item);
			if (this.onItemClick(item, index, e, true) !== false) {
				this.fireEvent('click', this, index, item, e);
			}
		}
	},
	doSingleSelection : function(item, index, e, isClick) {
		if (this.isSelected(index)) {
			this.deselect(index);
		} else {
			this.select(index, false, false, isClick);
		}
	},
	// private
	onItemClick : function(item, index, e, isClick) {
		if (this.fireEvent("beforeclick", this, index, item, e) === false) {
			return false;
		}
		if (this.multiSelect) {
			this.doMultiSelection(item, index, e, isClick);
			e.preventDefault();
		} else if (this.singleSelect) {
			this.doSingleSelection(item, index, e, isClick);
			e.preventDefault();
		}
		return true;
	},
	doMultiSelection : function(item, index, e, isClick) {
		if (this.isSelected(index)) {
			this.deselect(index);
		} else {
			this.select(index, true, false, isClick);
		}
	},
	select : function(nodeInfo, keepExisting, suppressEvent, isClick) {
		// 如果不是通过视图点击事件 返回 去掉打开下拉列表默认选中第一项
		if (!isClick) {
			return;
		}
		if (Ext.isArray(nodeInfo)) {
			if (!keepExisting) {
				this.clearSelections(true);
			}
			for (var i = 0, len = nodeInfo.length; i < len; i++) {
				this.select(nodeInfo[i], true, true);
			}
			if (!suppressEvent) {
				this.fireEvent("se