gpt4 book ai didi

combobox - 带有复选框的ExtJs 4组合框

转载 作者:行者123 更新时间:2023-12-04 04:55:43 25 4
gpt4 key购买 nike

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

实际上,我需要此控件http://lovcombo.extjs.eu/,但它是为ExtJs3实现的。我试图将其转换为ExtJs4,但实际上该任务并不简单。

您能否为ExtJs4建议类似的组件。或者,也许您可​​以为我指出一些教程或示例-如何做这些事情?

最佳答案

ExtJS4.0中带有复选框的Multiselect组合可以通过添加几行代码来实现。

基本上,您需要利用现有的CSS类,该类在选择和取消选择项目时应用,然后相应地推送图像(复选框图像)。

x-boundlist-item ”和“ x-boundlist-selected ”是从ext-all.css中获取的类。

<style>

.x-boundlist-item img.chkCombo {
background: transparent url(/lib/extjs-4.1.0/resources/themes/images/default/menu/unchecked.gif);
}
.x-boundlist-selected img.chkCombo{
background: transparent url(/lib/extjs-4.1.0/resources/themes/images/default/menu/checked.gif);
}

</style>
<head>

Ext.create('Ext.form.ComboBox', {
id: 'BCCAddress',
name: 'BCCAddress',
maxHeight: 150,
width: 210,
multiSelect: true,
emptyText : "Select Bcc email addresses",
renderTo: 'extBCCAddress',
store: myArrayStore,
displayField: 'fieldName',
valueField: 'fieldName',
forceSelection: true,
editable: false,
mode: 'local',
triggerAction: 'all',
listConfig : {
getInnerTpl : function() {
return '<div class="x-combo-list-item"><img src="' + Ext.BLANK_IMAGE_URL + '" class="chkCombo-default-icon chkCombo" /> {fieldName} </div>';
}
}
});

[下面是此自定义组件的图像]

关于combobox - 带有复选框的ExtJs 4组合框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6600919/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com