css - ExtJS Kitchensink 中的多选器搜索

Question

我修改了 extJS Kitchensink 示例 (http://dev.sencha.com/extjs/5.0.0/examples/kitchensink/#multi-selector) 中“表单字段”菜单选项下的“多选择器网格”。

        var ms = Ext.create('Ext.container.Container', {
            xtype: 'multi-selector',
            width: 300,
            height: 300,
            requires: [
                'Ext.view.MultiSelector'
            ],
            layout: 'fit',

            renderTo: Ext.getBody(),
            items: [{
                xtype: 'multiselector',
                title: 'Selected Dx',

                fieldName: 'string_value',

                viewConfig: {
                    deferEmptyText: false,
                    emptyText: 'No Dx selected'
                },

                search: {
                    field: 'string_value',

                    store: {
                        fields: [
                            {
                                name: 'string_value',
                                type: 'string'
                            }
                        ],
                        proxy: {
                            type: 'ajax',
                            url: 'http://127.0.0.1:5000/api/factor',
                            reader: {
                                type: 'json',
                                rootProperty: '0'
                            }
                        }
                    }
                }
            }]
        }).center();


    });
} 

它在大多数情况下都有效，但是当我点击搜索按钮时，它看起来像这样:

与 Kitchensink 中的那个相反，它看起来像:

如您所见，Kitchensink 搜索框包含所列元素中的复选框，而我的则没有。因此，我无法选择多个元素。

我认为这是由于缺少 CSS 文件造成的，但除了 kitchensink css 文件之外，我不确定该使用什么。

当我将鼠标悬停在上面时，不管它值多少钱

xtype: '多选器',

在 WebStorm 中，我收到一条消息“未找到类型为‘多选择器’的 Ext JS 类”

Answer 1

看起来您已经找到了解决方法，但无论何时在您的应用程序中第一次“需要”一个新的 ExtJS 组件，您需要运行“sencha app refresh”(或像您一样运行构建)，以便微加载器知道也为所述组件引入样式。