本方法和用checkbox, listbox等控件和事件拼凑出来的不同,本方法是一个集成的独立控件,基本实现了控件的顺滑度,下拉框可悬浮等效果,可以认为是comboBox的升级版,使用方便,仅需引用编译好的DLL,直接在toolBox拖拽出控件即可。
2024-08-21 15:49:49 65KB combobox
1
EXT是一个流行的JavaScript库,主要用于构建富客户端应用。EXT 3.0以上的版本引入了许多改进和新特性,使得开发者能够创建功能强大的、具有响应式设计的Web应用。在EXT框架中,"多选下拉框"是一种常见的组件,它允许用户在下拉列表中选择多个选项,而不是仅限于单选。 在EXT中实现多选下拉框,主要涉及到EXT的`ComboBox`组件和`multiSelect`配置项。`ComboBox`是一个灵活的输入控件,可以用于创建下拉列表,而`multiSelect`则决定了是否允许用户选择多个值。 1. **EXT ComboBox**: `ComboBox`是EXT中的一个核心组件,它结合了文本输入框和下拉列表的功能。你可以通过设置`store`属性来指定下拉列表的数据源,通常是一个`Ext.data.Store`对象,包含一组记录。`displayField`属性定义了在下拉列表中显示的字段。 2. **多选配置**: 要将`ComboBox`转换为多选下拉框,你需要设置`multiSelect`属性为`true`。默认情况下,`multiSelect`是`false`,意味着只能单选。同时,你可能还需要设置`typeAhead`为`false`,因为在多选模式下,类型预测可能不适用。 3. **选中项管理**: 当`multiSelect`开启时,你可以通过`valueField`属性来指定用于存储选中项值的字段。`selectedItem`或`value`属性可以用来获取或设置当前选中的项。 4. **事件处理**: EXT提供了丰富的事件处理机制,如`select`事件会在用户选择一个或多个项目时触发,可以在这里处理用户的选择行为。例如,添加监听器`{select: function(combo, records, eOpts) { ... }}`来捕获选择的记录。 5. **视觉样式**: 为了区分多选模式,你可能需要自定义`ComboBox`的样式,例如通过`tpl`和`listConfig`属性来改变列表的显示方式。 6. **键盘操作**: 在多选下拉框中,用户可以通过键盘的`Ctrl`(或在Mac上`Command`)键来选择或取消选择多个项。EXT会自动处理这些键盘交互,但你可以通过覆盖默认行为来定制。 7. **数据绑定**: 如果你的应用使用了数据绑定,例如EXT的MVVM模式,那么多选下拉框的选中项可以与模型的属性双向绑定,实现数据的实时更新。 8. **优化性能**: 当数据量较大时,使用分页或者懒加载技术可以提高性能。EXT的`ComboBox`支持`remoteGroup`和`remoteSort`等配置,以适应大数据场景。 9. **自定义渲染**: 通过`itemSelector`和`tpl`属性,你可以自定义每个选项在列表中的呈现方式,添加更多视觉元素或者复杂逻辑。 10. ** Accessibility**: 为了让无障碍性(Accessibility)更强,确保`ComboBox`遵循WAI-ARIA规范,并正确设置相关的ARIA属性。 EXT的多选下拉框是一个强大且可定制的组件,它为Web应用提供了丰富的交互可能性。通过理解并熟练运用上述知识点,你可以创建出符合业务需求的、用户体验良好的多选下拉框
2024-07-23 16:19:19 3KB ext多选下拉框
1
实现jsp页面二级下拉框联动,实时读取数据库数据实现jsp页面二级下拉框联动,实时读取数据库数据
2024-03-22 16:02:19 2KB
1
支持输入的下拉框 支持模糊搜索option的文本值 支持json格式数据读取。 支持ie滚动条样式 支持火狐,谷歌,IE,360,傲游浏览器。
2024-03-22 16:00:24 70KB
1
select2 搜索下拉框插件 下拉框美化插件chosen的扩展,它能让丑陋的、很长的select选择框变的更好看、更方便,支持搜索,远程数据集,以及无限滚动的结果。
2024-03-22 15:56:53 29KB select2
1
拉框添加删除按钮,虽然比不上qq下拉列表。但是也值得借鉴
2024-03-22 15:48:47 783KB 下拉框添加删除按钮
1
vb的一款下拉框控件,xp风格,有源码,适合学习用。
2024-03-22 15:46:44 3.31MB combox
1
利用Axure的动态面板和中继器实现下拉框选项功能,文件为用例,可以结合文章和实际用例完成这个功能,方便产品经理在制作Axure原型图时完成一些简单的交互功能
2024-02-29 15:43:03 55KB Axure 动态面板
1
百度地图的拉框缩放类,对外开放。 允许用户在地图上执行拉框放大或者缩小操作, 使用者可以自定义缩放时的动画、遮盖层的样式等效果。 主入口类是RectangleZoom, 基于Baidu Map API 1.2。
1
小程序中是没有h5中的下拉 标签的 所以要实现下拉功能就必须自己动手写拉  这里为了更清楚的显示层级 就把源码直接复制过来了 商品金额 ¥99.00 <!--下拉框 --> {{tihuoWay}} <image style='height:20rpx;width:20rpx;' src=
2023-10-13 10:31:12 55KB c ec le
1