`
microboat
  • 浏览: 59377 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext单选/多选下拉列表

阅读更多

发布一个Ext单选/多选下拉控件,先上效果图:

 

源码下载:Ext单选/多选控件

 

说明:数据源必须是本地数组,详情见源码注释和demo。

  • 大小: 45.8 KB
  • demo.rar (150.2 KB)
  • 下载次数: 2521
分享到:
评论
7 楼 fireinjava 2009-10-11  
可以在按箭头的时候弹出一层DIv跟在文本框下,然后ajax读取数据形成复选框列表,显示到div上 ,不鸟Combobox的东西,当它Textfield放值不好
具体的没实践过 呵呵 。。
6 楼 siguoyue_1985 2009-10-08  
<p>我把demo下载下来本机演示发现,多项下拉列表中 每项前面的 复选框没有显示出来?</p>
<p> </p>
5 楼 microboat 2009-05-27  
只能是本地数据,并且是数组。你可以用同步请求的方式先获得数据,然后再绑定。
4 楼 fengbingji 2009-05-26  
form.getForm().load({
url : '/Service/Ajax/JsonData.aspx?act=getSingleNews',
params:{id:id}
})

JsonReader为:
{successProperty : 'success',root: 'data'
}, [
{name: 'id',type:'int'},
{name: 'title',type:'string'},
{name: 'state',type:'int'},
{name: 'content',type:'string'}
]

其中state绑定的则是multiselect,
当"/Service/Ajax/JsonData.aspx?act=getSingleNews"返回的数据为:
{success:true,data:[{id:90,title:'this is a title',state:1,content:'this is a test'}]}
可以顺利通过绑定.
当返回的数据为{success:true,data:[{id:90,title:'this is a title',state:[1,2],content:'this is a test'}]}
则无法绑定(value为数组).

这是为什么呢?
而我通过
form.getForm().setValues({id:90,title:'this is a title',state:[1,2],content:'this is a test'});
也能顺利绑定.为什么呢?真是想不通.
3 楼 microboat 2009-05-22  
To 1楼:选项多了也没什么,你设置高度后就有滚动条了。
TO 2楼:我这是原创的,下面的多选框是根据数据动态生成的。
2 楼 kimmking 2009-05-22  
我发过了。extjs开发人员写的扩展。
不过是竖排的。
1 楼 stworthy 2009-05-22  
不错,不过选项多时就有些不合适了

相关推荐

    伊兰COMBO (强大的Ext单多选下拉列表控件;带详细示例)

    强大的Ext单多选下拉列表控件;基于 LovCombo ; * 作者:中国.湖南.长沙.任文敏 * * 功能: * 1. 支持:★ 多选|单选 (isSingle:'N|Y') * 2. 多选支持: 全选/全不选 * 3. ★ 多选且分页支持: 全部清除 * 4...

    Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件

    ComboBox通常用于提供一个下拉列表供用户选择,而TreePanel则用于展示层次结构的数据。ComboBoxTree将这两者融合,创建了一个下拉树菜单,用户可以在其中浏览和选择树形结构的数据。 要实现单选功能,ComboBoxTree...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    用户可以在下拉列表中看到一个树形结构,逐级展开节点,选择需要的项。这种组件特别适合于那些需要展示层级关系且允许用户多选或单选的情况,如部门组织结构、地区分类等。 2. **多选与单选支持** 在ExtJS 4.x的...

    Ext下拉列表扩展lovcombo

    总的来说,EXT下拉列表扩展lovcombo是EXTJS中一种强大的组件,它提供了一种灵活且直观的方式来处理多选下拉列表的需求。通过自定义EXTJS的ComboBox,我们可以实现丰富的交互功能,提升用户的操作体验。在实际开发中...

    extjs4 下拉菜单树 combobox+tree 支持单选多选

    - ComboBox是EXTJS中的一个基础组件,它是一个下拉列表,用户可以输入文本或从下拉列表中选择。 - TreePanel则是EXTJS用来显示树形结构数据的组件,它允许用户展开、折叠节点,以及选择节点。 2. **下拉菜单树...

    ext-----多选下拉框

    在EXT框架中,"多选下拉框"是一种常见的组件,它允许用户在下拉列表中选择多个选项,而不是仅限于单选。 在EXT中实现多选下拉框,主要涉及到EXT的`ComboBox`组件和`multiSelect`配置项。`ComboBox`是一个灵活的输入...

    Extjs3 多选下拉框LovCombo

    在ExtJS 3中,多选下拉框(LovCombo)是一种复合组件,它结合了下拉列表和“爱好者选择”(LOV,Lookup Value)的功能,允许用户在多个选项中进行复选选择。在Web应用中,这种组件常用于数据输入,特别是在数据库...

    ext下拉多选组件multicombo

    EXTJS的ComboBox通常是一个单选下拉列表,用户只能从预定义的选项中选择一个。然而,"multicombo"组件则允许用户选择多个选项,这在数据输入或者筛选场景中非常实用,比如在表单中选择多个分类或者标签。 "源码...

    Ext用户扩展控件----------支持多选的列表,就像QQ控件添加删除音乐列表的控件

    而"mutiselect"则是指多选下拉列表,用户可以从多个选项中选择多个值。这个控件的实现通常是通过EXT的`Ext.form.field.MultiSelect`类来完成的,它扩展了基本的下拉选择框,提供了多选功能。 在描述中提到的“就像...

    Ext用户扩展控件 ------超级下拉列表控件支持多选,删除,添加

    本文将深入探讨一个名为"UxSuperBoxSelect"的用户扩展控件,它是一个增强版的下拉列表,提供了多选、删除和添加功能,极大地提升了用户体验。 1. **Super下拉列表控件(UxSuperBoxSelect)** UxSuperBoxSelect是...

    ext多选下拉框(代码及例子)

    在"ext多选下拉框(代码及例子)"这个主题中,主要涉及到的知识点有: 1. **EXTJS的Combo组件**:Combo是EXTJS中的一种表单组件,它提供了下拉列表的功能,可以用于输入或者选择数据。它既可以作为单选也可以作为...

    extjs实现下拉框多选

    `myStore` 是一个 Ext.data.Store 对象,包含了要显示在下拉列表中的数据。数据结构可以是这样的: ```javascript var myStore = Ext.create('Ext.data.Store', { fields: ['id', 'name'], data: [ {id: 1, name...

    基于EXT2.2的下拉复选框

    总的来说,"基于EXT2.2的下拉复选框"是一个利用EXT2.2框架和相关插件实现的Web组件,它提供了在下拉列表中多选的功能,这通常涉及对EXT2.2的`ComboBox`组件进行扩展,使用自定义的JavaScript插件(如`Ext.mm....

    extjs多选下拉框

    在EXTJS框架中,"多选下拉框"(Multi-Select ComboBox)是一种常见的组件,它允许用户在下拉列表中选择多个选项。EXTJS 3.*版本也提供了这种功能,使得开发者能够创建功能丰富的界面,提升用户体验。下面将详细解释...

    extjs-Ext.ux.form.LovCombo下拉框

    EXTJS的`ComboBox`默认支持单选,而`Ext.ux.form.LovCombo`通过扩展实现了多选功能,允许用户在下拉列表中选择多个选项。这对于数据筛选或者关联数据选择场景非常有用。 至于"extjs"标签,这表明整个话题是关于...

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    - `ComboBox` 是EXTJS中的一个基础组件,它提供了文本输入框和下拉列表的功能。 - 用户可以输入文本,也可以点击下拉箭头查看预定义的选项列表。 - `ComboBox` 的数据通常通过配置 `store` 属性来设置,`store` ...

    Ext combobox 下拉多选框带搜索功能

    Ext JS中的ComboBox是一个下拉列表组件,通常用于单选,但可以通过自定义扩展实现多选。默认情况下,ComboBox有一个输入框,用户可以输入文本进行搜索过滤,然后从下拉列表中选择结果。 实现多选功能,我们可以利用...

    Extjs4下拉多选扩展

    ComboBox由一个输入字段和一个下拉列表组成。用户可以在输入字段中输入文本,或者点击下拉箭头打开列表进行选择。默认情况下,ComboBox仅允许用户选择一个条目。 要实现下拉多选,我们需要创建一个新的类,继承自...

    comboxTree下拉树,实现单选功能

    ComboBox是EXT JS中的一种基础组件,通常用于显示一个下拉列表供用户选择。而TreePanel则是一个可以展示层次结构数据的视图,常用于文件系统或者组织结构的展示。 在ComboxTree中,我们首先需要创建一个配置对象,...

    extjs多选 下拉框扩展

    ComboBox由一个输入框和一个下拉列表组成,用户可以在输入框中输入文字,或者点击下拉箭头来浏览和选择列表中的选项。默认情况下,ComboBox只能选择一个项。 要实现多选功能,我们可以利用ExtJS的`multiSelect`配置...

Global site tag (gtag.js) - Google Analytics