-
让品牌有温度、有情感
专注品牌策划15年
下拉多选框你了解易速达（易速达快递）
发布时间：2023-04-15 16:28:56
稿源：
创意岭 阅读：
62
大家好！今天让创意岭的小编来大家介绍下关于下拉多选框你了解易速达的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等
只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端
创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解SEO相关业务请拨打电话175-8598-2043，或添加微信：1454722008
本文目录:
一、excel在一个单元格中实现下拉选项的子选项，并且还可以多选，怎么实现啊？
可以采用二级下拉框（不能多选）实现。比如一级可选省份，二级可以按照一级的省份，选其下属的市县。具体方法：先定义名称“省份”及其内容，再定义以各省份名为名称及其内容（下属市县）。然后用数据有效性指定规则。二级数据有效性的数据来源填（假设一级下拉框在B列）：=INDIRECT(B1)
二、Extjs怎么实现下拉框多选
1、扩展js类库，在项目中建立一个 js文件，命名为:xxx.js 其代码为
if ('function' !== typeof RegExp.escape) {
RegExp.escape = function (s)
{
if ('string' !== typeof s)
{
return s;
}
return s.replace(/([.*+?^=!:${}()|[]/\])/g, '\$1');
};
}
Ext.ns('Ext.form');
Ext.form.MultiSelect = Ext.extend(Ext.form.ComboBox,
{
checkField: 'checked',
multi: true,
separator: ',',
initComponent: function ()
{
if (!this.tpl)
{
this.tpl = '<tpl for=".">' + '<div class="x-combo-list-item">'
+ '<img src="' + Ext.BLANK_IMAGE_URL + '" '
+ 'class="ux-MultiSelect-icon ux-MultiSelect-icon-'
+ '{[values.' + this.checkField + '?"checked":"unchecked"'
+ ']}">'
+ '{[values.' + this.displayField + ']}'
+ '</div>'
+ '</tpl>';
}
Ext.form.MultiSelect.superclass.initComponent.apply(this, arguments);
this.on(
{
scope: this,
beforequery: this.onBeforeQuery,
blur: this.onRealBlur
});
this.onLoad = this.onLoad.createSequence(function ()
{
if (this.el)
{
var v = this.el.dom.value;
this.el.dom.value = '';
this.el.dom.value = v;
}
});
},
initEvents: function ()
{
Ext.form.MultiSelect.superclass.initEvents.apply(this, arguments);
this.keyNav.tab = false;
},
beforeBlur: function ()
{
},
postBlur: function ()
{
},
clearValue: function ()
{
this.value = '';
this.setRawValue(this.value);
this.store.clearFilter();
this.store.each(function (r)
{
r.set(this.checkField, false);
}, this);
if (this.hiddenField)
{
this.hiddenField.value = '';
}
this.applyEmptyText();
},
getCheckedDisplay: function ()
{
var re = new RegExp(this.separator, "g");
return this.getCheckedValue(this.displayField).replace(re, this.separator + ' ');
},
getCheckedValue: function (field)
{
field = field || this.valueField;
var c = [];
var snapshot = this.store.snapshot || this.store.data;
snapshot.each(function (r)
{
if (r.get(this.checkField))
{
c.push(r.get(field));
}
}, this);
return c.join(this.separator);
},
onBeforeQuery: function (qe)
{
qe.query = qe.query.replace(new RegExp(RegExp.escape(this.getCheckedDisplay()) + '[ ' + this.separator + ']*'), '');
},
onRealBlur: function ()
{
this.list.hide();
var rv = this.getRawValue();
var rva = rv.split(new RegExp(RegExp.escape(this.separator) + ' *'));
var va = [];
var snapshot = this.store.snapshot || this.store.data;
Ext.each(rva, function (v)
{
snapshot.each(function (r)
{
if (v === r.get(this.displayField))
{
va.push(r.get(this.valueField));
}
}, this);
}, this);
this.setValue(va.join(this.separator));
this.store.clearFilter();
},
onSelect: function (record, index)
{
if (this.fireEvent('beforeselect', this, record, index) !== false)
{
record.set(this.checkField, !record.get(this.checkField));
if (this.store.isFiltered())
{
this.doQuery(this.allQuery);
}
if (this.multi)
{
if (record.get("key") == "---" && record.get(this.checkField))
{
this.setValue("---");
}
else
{
this.setValue(this.getCheckedValue());
}
}
else
{
this.clearValue();
this.value = record.get(this.valueField);
this.setRawValue(record.get(this.displayField));
this.list.hide();
}
this.fireEvent('select', this, record, index);
}
},
setValue: function (v)
{
if (v)
{
v = '' + v;
if (this.valueField)
{
this.store.clearFilter();
this.store.each(function (r)
{
var checked = !(!v.match('(^|' + this.separator + ')'
+ RegExp.escape(r.get(this.valueField))
+ '(' + this.separator + '|$)'));
r.set(this.checkField, checked);
}, this);
this.value = this.getCheckedValue();
this.setRawValue(this.getCheckedDisplay());
if (this.hiddenField)
{
this.hiddenField.value = this.value;
}
}
else
{
this.value = v;
this.setRawValue(v);
if (this.hiddenField)
{
this.hiddenField.value = v;
}
}
if (this.el)
{
this.el.removeClass(this.emptyClass);
}
}
else
{
this.clearValue();
}
},
selectAll: function ()
{
this.store.each(function (record)
{
record.set(this.checkField, true);
}, this);
this.doQuery(this.allQuery);
this.setValue(this.getCheckedValue());
},
deselectAll: function ()
{
this.clearValue();
}
});
Ext.reg('multiSelect', Ext.form.MultiSelect);
2、在ext-all.css文件最后，加入css样式
.ux-MultiSelect-icon { width:16px; height:16px; float:left; background-position: -1px -1px ! important; background-repeat:no-repeat ! important; } .ux-MultiSelect-icon-checked { background: transparent url(../images/default/menu/checked.gif); }
.ux-MultiSelect-icon-unchecked { background: transparent url(../images/default/menu/unchecked.gif); }
3、使用
var DepartUserStore=new Ext.data.Store({
proxy: new Ext.data.HttpProxy(
{
url:'/Web/Manage/DeskTop/JSON/ScheduleManager/GetSimpleDepartUserInfo.aspx'
}),
//读取Json
reader: new Ext.data.JsonReader(
{ totalProperty: "totalCount", root: "root" },
[
{name:'UserId',type:'int'},
{name:'UserName',type:'string'}
])
});
var DepartUserCbox = new Ext.form.MultiSelect(
{
fieldLabel: ' 姓名',
labelStyle: 'width:80px',
width: 150,
editable: false,
id: 'DepartUserDS',
hiddenName:'DepartUserIdDS',
store: DepartUserStore,
emptyText: '--请选择--',
allowBlank: false,
blankText: '请选择',
mode:'remote',
displayField: 'UserName',
valueField: 'UserId',
triggerAction: 'all',
selectOnFocus: true,
listWidth: 200
});
DepartUserStore.on('load', function ()
{
DepartUserCbox.selectAll(); //全选
});
DepartUserStore.load();
三、EXCEL 数据有效性下拉框，如何多选？谢谢，万分感激
Private Sub Worksheet_Change(ByVal Target As Range)Dim rngDV As Range, oldVal As String, newVal As String
If Target.CountLarge > 1 Then GoTo exitHandler
On Error Resume Next
Set rngDV = Cells.SpecialCells(xlCellTypeAllValidation)
On Error GoTo exitHandler
If rngDV Is Nothing Then GoTo exitHandler
If Intersect(Target, rngDV) Is Nothing Then
'do nothing
Else
Application.EnableEvents = False
newVal = Target.Value
Application.Undo
oldVal = Target.Value
Target.Value = newVal
If Target.Column = 5 Or Target.Column = 7 Or Target.Column = 9 Or Target.Column = 11 Then '这里规定好哪一列的数据有效性是多选的，A列是第1列，依次类推，如3就是C列，7就是G列
If oldVal = "" Then
'do nothing
Else
If newVal = "" Then
'do nothing
Else
If newVal = "全选" Then '当新选择的值是全选时，目标值为全选
Target.Value = "全选"
Else
If InStr(1, oldVal, "全选") <> 0 Then '当目标值中有全选时，选择新的非全选值时为新的值
Target.Value = newVal
Else
If InStr(1, oldVal, newVal) <> 0 Then '重复选择视同删除
If InStr(1, oldVal, newVal) + Len(newVal) - 1 = Len(oldVal) Then '最后一个选项重复
Target.Value = Left(oldVal, Len(oldVal) - Len(newVal) - 1)
Else
Target.Value = Replace(oldVal, newVal & ",", "") '不是最后一个选项重复的时候处理逗号
End If
Else '不是重复选项就视同增加选项
Target.Value = oldVal & "," & newVal
End If
End If
End If
End If
End If
End If
End If
exitHandler:
Application.EnableEvents = True
End Sub
使用VBA代码是可以实现复选的功能！
四、vb6中怎样实现可多选的下拉框？（像是combobox和listbox的结合体）
VB6里面实现不了。只能做成一个一览。可以利用部分功能满足你的需求。listbox里面有个属性Style。设置为1：CheckBox就可以了。
想做成你说的那样的话，得自己自定义插件。
以上就是关于下拉多选框你了解易速达相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
杭州电子科技大学控制工程怎么样（杭州电子科技大学控制工程怎么样知乎）
赣公网安备 50019002502384号
