前段时间公司项目要求一个复选框,网上找了几个都不是很符合要求,总是这里那里有点问题,所以还是自己花了点时间封装了一个。
用法和一般的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;
}
}
};
分享到:
相关推荐
ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...
在给定的标题“Ext ComboBox 下拉多选框带搜索功能”中,我们关注的是一个特别的ComboBox实现,它不仅允许用户从下拉列表中选择多个选项,还具备搜索功能,使得用户可以更高效地找到他们想要的选择项。 ComboBox在...
"Ext ComboboxGrid"是一个基于Ext JS框架的组件,它结合了下拉框(ComboBox)和数据网格(Grid)的功能,提供了一种更强大的选择和筛选数据的方式。在Ext JS中,ComboBox通常用于显示一个可选的下拉列表,而Grid则...
本知识点主要聚焦于如何在Ext4.0框架下动态修改ComboBox的选择项,特别是在本地模式下进行操作。Ext4.0是Sencha Ext JS的一个版本,它提供了一个强大的JavaScript组件库,用于构建富客户端应用程序。 首先,...
它提供了一套完整的组件模型,其中包括comboBox(下拉框)组件,用于创建可搜索、可选择的列表。本篇我们将深入探讨“Ext comboBox的remote模式”及其联想功能的实现。 在Ext JS的comboBox中,远程模式(remote ...
在本文中,我们将深入探讨如何使用Ext 2.0的ComboBox组件实现省份和城市联动选择框的功能。Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...
用EXT来实现下拉框ComboBox 下拉框可以实现分页
该资源是war包,里面包括ComboBox中的各个参数, 详细讲解在我的文档中有
- `store`:用于存储下拉选项的数据源,可以是数组或Ext.data.Store对象。 2. **多选事件处理**: - `select`事件:在多选模式下,当用户添加或移除选项时,这个事件会被触发。我们需要监听此事件来处理值的改变...
var provinceComboBox = Ext.create('Ext.form.ComboBox', { store: provincesStore, displayField: 'name', valueField: 'id', queryMode: 'local', listeners: { select: function(combo, record) { // 在...
而"Ext带图标Combobox"(Ext IconCombobox)是Ext JS中的一个特色组件,它是Combobox(下拉框)与图标相结合的一种扩展形式,为用户提供了更加直观且美观的交互体验。 **1. Ext Combobox基础** 首先,我们需要了解...
EXT2_combobox_form.rar_combobox ext_ext 这个标题暗示我们关注的是一个与EXT2相关的项目,其中包含了关于form表单和combobox的示例。EXT是一个流行的JavaScript库,主要用于构建富客户端应用,特别是Web应用的用户...
var provinceComboBox = new Ext.form.ComboBox({ store: provinceStore, displayField: 'name', valueField: 'id', typeAhead: true, queryMode: 'local', listeners: { select: function(combo, record, ...
前台: 代码如下: var provinceStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: basePath + “/stationManage/station... //选择省市 var provinceIDadd = new Ext.form.ComboBox({ anchor : ‘98%
标题中的“Ext2.0本地模式动态修改combobox选择项”指的是使用Ext JS 2.0框架中的Combobox组件在本地数据模式下实现动态更新选择项的功能。Ext JS是一个流行的JavaScript库,主要用于构建富客户端Web应用程序。...