Ext ComBobox 附带完整附件

最新推荐文章于 2018-09-25 14:46:03 发布

yangming103

最新推荐文章于 2018-09-25 14:46:03 发布

阅读量128

点赞数

CC 4.0 BY-SA版权

分类专栏： Ext 文章标签： EXT JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/yangming103/article/details/83874642

Ext 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一款自定义的复选框组件实现方法，该组件可在单选或多选模式间切换，并支持显示不同的文本或值。文章还提供了组件的主要配置选项及获取选择结果的方法。

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

前段时间公司项目要求一个复选框，网上找了几个都不是很符合要求，总是这里那里有点问题，所以还是自己花了点时间封装了一个。
用法和一般的EXT Combobox一样，只是多了几个配置。
check 为true时表示为复选模式，false是为单选模式
displayValue 为true时表示显示在页面上的值为Value，false时为text
displayAll 是否显示全显项
selectAllTxt 全选项的显示文本
getCheckValue() 复选模式下获得所选的value
getCheckDisplay() 复选模式下获得所选的text
由于发贴限制所以分开了几个发，最后一个带源码文件，



Ext.util.Format.comboRenderer = function(obj){
    return function(value){
    	var combo = this.editor; 
    	var rst=value.split(combo.separator);
    	var snapshot = combo.store.snapshot || combo.store.data;
    	var temp = [];
    	if(combo.check){
			for(var i=0;i<rst.length;i++){
				var flag = true;
				snapshot.each(function(r) {
					if(r.get(combo.valueField) == rst[i]){
						flag = false;
						temp.push(r.get(combo.displayField));
						return false;
					}
				}, this);
				if(flag)
					temp.push(rst[i]);
			}
			return temp.join(combo.separator);		
    	} else{
    		return this.value;
    	}
    }
};