Question

我使用4.2.1和BoxSelect

中的BoxSelect扩展名

示例中的标签显示了一个关闭图标：

enter image description here

在4.2.1中我有这个示例代码：

        {
            name: 'tags',
            itemId: 'tags',
            xtype: 'boxselect',
            fieldLabel: "${cn.message(code: 'tags')}",
            forceSelection: false,
            createNewOnEnter: true,
            createNewOnBlur: true,
            store: 'States',
            queryMode: 'local',
            valueField: 'abbr',
            displayField: 'name',
            filterPickList: true, 
            pinList: false,
            growMax: 120,
            typeAhead: true,
        }

这看起来像这样：

enter image description here

是否因为版本4.2.1没有显示关闭图标？
还是有一些我失踪的环境？

我尝试过经典，灰色和海王星的主题。

已解决

missing close icon给出的解决方案对我有用。
感谢@DoubleDouble指出页面。

将此添加到BoxSelect.css解决了它：

.x-boxselect-item-close {
    width       : 11px;
    height      : 11px;
    background-image: url(http://cdn.sencha.io/ext-4.2.0-gpl/resources/ext-theme-classic/images/tab/tab-default-close.gif);
    filter      : progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity     : 0.6;
    top     : 2px;
    right       : 2px;
}
.x-boxselect-list {
    margin:0px;
}

现在看起来像这样：

enter image description here

Answer 1

Boxselect已针对ExtJS 4.1进行了更新

看一下Sencha论坛帖子，我相信更远（也许从后面开始）人们发布一些其他代码来修改它以便在4.2中更好地工作

http://www.sencha.com/forum/showthread.php?134751-Ext.ux.form.field.BoxSelect-Intuitive-Multi-Select-ComboBox

话虽如此，即使有了这些变化，我也无法让BoxSelect以我想要的方式工作。希望你有比我更好的运气！

修改

似乎有你的特定问题

ExtJS - BoxSelect关闭图标

1 个答案: