最近有用到多选的下拉框,找了些资料,也临时写了个针对Ext1.1和2.2 ComboBox的扩展
和大家共享下,请胡乱批。。。
1.传统方式的,两个大框框,基于Ext
demo:http://extjs.com/learn/Extension:Multiselect
2.基于Ext ComboBox的checkbox style的,数量不很多的话比较合适
demo:http://www.tonylandis.com/code-projects/ext-multiselect-combobox-extension.htm
3.我根据需要自己写的基于ext1.1和2.2,样式参考jQuery asmselect,暂时只支持transform方式
demo:http://219.143.44.134/demo/multiselect1.1/examples/form/mecombos.html
下载见附件
4.基于jQuery的asmselect以及作者针对multiselect的总结:
http://www.ryancramer.com/projects/asmselect/examples/example1.html
http://www.ryancramer.com/journal/entries/select_multiple/
分享到:
- 2008-12-15 18:27
- 浏览 5994
- 评论(0)
- 论坛回复 / 浏览 (0 / 5239)
- 查看更多
相关推荐
总结来说,jQuery.multiselect.js为Web开发者提供了一种强大而灵活的多选下拉框解决方案,无论是基础功能的实现还是高级特性的定制,都能满足各种复杂场景的需求。熟练掌握并运用这个插件,可以显著提升Web应用的...
在网页开发中,多选下拉框是一种常见的交互元素,用于提供用户多个可选项进行选择。本示例中,我们关注的是一个使用jQuery实现的多选下拉框插件,这个插件能够帮助开发者轻松地在项目中创建具有美观样式和易用功能的...
通过CSS,你可以调整多选下拉框的外观以符合网站的视觉风格。`jquery.multiSelect.css`文件中定义了许多类,如`.ms-container`、`.ms-optgroup-label`等,可以根据需要进行覆盖或扩展。 ### 8. 实例化多个下拉框 ...
jquery.multiselect插件是一个流行的jQuery扩展插件,它可以帮助开发者实现具有现代风格的多选下拉框。 知识点一:引入jQuery及插件文件 在使用jquery.multiselect插件之前,需要先引入jQuery库和相应的插件文件。...
一旦这些资源加载完毕,只需调用`.multiselect()`方法即可将普通的下拉列表转化为可多选的下拉框。例如: ```html <option value="value1">Option 1 <option value="value2">Option 2 ... $(document).ready...
"jquery-ui-multiselect-widget-master" 是一个基于jQuery UI的多选下拉框插件,它提供了丰富的定制选项和美观的界面效果。这个插件可以轻松地将普通的HTML `<select>` 转变为一个功能强大的多选组件,支持单选、...
总的来说,jQuery Multiselect Filter插件是优化多选下拉框体验的利器,它通过提供搜索过滤功能,使得用户在处理大量选项时更加便捷。结合其灵活的参数设置和可定制的样式,开发者可以根据项目需求轻松打造出个性化...
为了解决这一问题,开发者们创造了jQuery Multiselect插件,它提供了美观且功能丰富的多选下拉框解决方案。 jQuery Multiselect 是基于jQuery UI库的一个扩展,它极大地丰富了多选下拉框的功能,提供了多种可定制的...
5. **test_multiSelect_spinner**:在提供的压缩包文件`test_multiSelect_spinner`中,可能包含了示例项目的源代码,包括布局文件、Adapter类以及Activity的实现。你可以通过查阅这些文件来进一步理解多选Spinner的...
这会将 ID 为 "example" 的多选框转换为具有 Bootstrap 风格的下拉多选组件。当然,你可以根据需求配置各种选项,例如: ```javascript $('#example').multiselect({ includeSelectAllOption: true, // 添加全选/...
通过以上代码,`<select>`元素将被转换为一个多选下拉框。 此外,jQuery.multiSelect还支持各种选项和方法,如设置多选模式、禁用选项、获取已选值等,提供了一套完整的API供开发者调用。通过阅读官方文档或参考...
`multiselect2side` 是一个基于 jQuery 的插件,它将传统的单列多选下拉框转化为双列交互式的选择界面,提供更友好的用户体验。这个插件在网上广泛流传,并且经过了开发者们的不断修改和完善,以适应不同的项目需求...
总之,jQuery lou-multi-select-0.9.5 插件是一款强大的多选下拉框解决方案,它的灵活性和可扩展性使得在各种项目中都能发挥重要作用。开发者可以通过理解并运用这些知识点,轻松地在网页中实现功能完善的多选下拉框...
- **Bootstrap Multiselect**:Bootstrap框架提供了一个名为Multiselect的插件,它可以将普通的`<select>`元素转换为带有复选框的多选下拉框。 - **React/Vue/Angular等框架组件**:在现代前端框架中,有许多现成...
虽然"bootstrap-multiselect"已经具有了Bootstrap的风格,但你还可以根据需求调整CSS来个性化你的多选下拉框。 总的来说,"bootstrap-multiselect-master"插件为Bootstrap开发者提供了一种方便的方式来实现美观且...
总结来说,"multiSelect.zip"是一个包含Bootstrap风格的多选下拉框和复选框组件的资源包,它简化了多选项选择的实现,提供了优秀的用户体验,并且易于集成到各种Web项目中。无论是新手还是经验丰富的开发者,都可以...
Bootstrap Multiselect是一款基于Bootstrap框架的多选下拉插件,它为HTML的选择元素提供了一种交互式的、可自定义的...它结合了Bootstrap的美观和jQuery的便利,使得多选下拉框成为了一个功能完备、易于使用的组件。
在前端开发中,多选下拉框是一个常见的交互元素,尤其在数据筛选、表单填写等场景中。然而,传统的多选下拉框可能无法满足某些复杂的界面需求,例如并排展示选项。为了解决这个问题,开发者们创造了许多插件,其中`...
`Ext.mm.MultSelect.js`很可能是一个名为"Multiselect"的EXT2.2插件,用于实现多选下拉框。这个插件可能扩展了`Ext.form.ComboBox`,添加了多选功能,允许用户在下拉列表中勾选多个条目。它可能包含了一些额外的方法...