Combobox 带有复选框的ExtJs 4组合框

Combobox 带有复选框的ExtJs 4组合框,combobox,custom-controls,extjs4,checkbox,Combobox,Custom Controls,Extjs4,Checkbox,我正在寻找EXTJS4组合框控件,它允许通过内部的复选框选择多个项目 实际上我需要这个控件,但它是为ExtJs3实现的。我试图将其转换为ExtJs4,但实际上这项任务并不简单 您能为ExtJs4推荐类似的组件吗。或者你可以给我指一些教程或例子——如何做这些事情 使用以下命令: 或者这个: -在combox中使用带有复选框的grid SelectModel在ExtJS4.0中使用带有复选框的Multiselect combo只需添加几行代码即可实现 基本上,您需要利用现有的css类,该类在选择和取

我正在寻找EXTJS4组合框控件,它允许通过内部的复选框选择多个项目

实际上我需要这个控件,但它是为ExtJs3实现的。我试图将其转换为ExtJs4,但实际上这项任务并不简单

您能为ExtJs4推荐类似的组件吗。或者你可以给我指一些教程或例子——如何做这些事情

使用以下命令: 或者这个:
-在combox中使用带有复选框的grid SelectModel

在ExtJS4.0中使用带有复选框的Multiselect combo只需添加几行代码即可实现

基本上,您需要利用现有的css类,该类在选择和取消选择一个项目时应用,并相应地按下图像复选框图像

x-boundlist-item和x-boundlist-selected是取自ext-all.css的类

.x-boundlist-item img.chkCombo{ 背景:透明url/lib/extjs-4.1.0/resources/themes/images/default/menu/unchecked.gif; } .x-boundlist-选定的img.chkCombo{ 背景:透明url/lib/extjs-4.1.0/resources/themes/images/default/menu/checked.gif; } Ext.create'Ext.form.ComboBox'{ id:“BCCAddress”, 名称:“BCCAddress”, 最大高度:150, 宽度:210, 多选:对, emptyText:选择密件抄送电子邮件地址, renderTo:“ExtBCCadAddress”, 商店:myArrayStore, displayField:'fieldName', valueField:“fieldName”, 选择:对, 可编辑:false, 模式:“本地”, 触发动作:“全部”, listConfig:{ getInnerTpl:函数{ 返回“{fieldName}”; } } }; [下面是此自定义组件的图像]

我看到了这个组件,我觉得它很棒。但我需要带复选框的组合框。这是一项要求。不管怎样,谢谢。试试第二种方法。或者等一下,会有人将lovcombo移动到4.x:我使用的是v4.2.1.883,不确定这是否重要,但上面的代码不起作用,直到我在上面的每个样式中添加了16px的高度和宽度。我还将图像移动到了我的/Images目录,不确定这是否重要。我真的很想知道有什么更好的方法可以做到这一点,这样您就不必硬编码对extjs资源路径的引用?在extjs 4.2.1和其他版本中,您可能不必硬编码资源路径。相反,将样式放在SCSS文件中,例如.sass/etc/all.SCSS,并使用background:transparent-urlmages/menu/checked.gif;。似乎在4.2.1中,我们必须明确给出彼得提到的16px的宽度和高度。@PeterKellner说,你必须在你的风格中添加16px的高度和宽度。在extjs 4.2.2上对我很有用。