ExtJS listConfig не работает в itemselector

Question

ExtJS listConfig не работает в itemselector

1

Config listConfig не работает в компоненте itemselector. Я хочу изменить класс для элементов внутри.

Мой код:

{
  xtype: 'itemselector',
  name: 'itemselector',
  allowBlank: false,

  fieldLabel: 'ItemSelector',
  displayField: 'text',

  store: ds,
  valueField: 'value',
  value: ['3', '4', '6'],

  listConfig: {
    itemCls: 'my-class'
  },

  anchor: '100%',
  msgTarget: 'side'
}

a.yushko 03 авг. 2018, в 17:57

Источник

Теги:

javascript

extjs

extjs6-classic

1 ответ

Ещё вопросы

Fabio Barros · Accepted Answer · 2018-08-05T14-31-00.000Z

Это старая проблема, чтобы работать с listConfig, вам нужно переопределить список создания функции в элементе itemSelector и добавить listConfig, например:

    Ext.override(Ext.ux.form.ItemSelector, {

        createList: function(title){
            var me = this;

            return Ext.create('Ext.ux.form.MultiSelect', {
                // We don't want the multiselects themselves to act like fields, 
                // so override these methods to prevent them from including 
                // any of their values 
                submitValue: false,
                getSubmitData: function(){
                    return null;
                },
                getModelData: function(){
                    return null;    
                },
                flex: 1,
                dragGroup: me.ddGroup,
                dropGroup: me.ddGroup,
                title: title,
                store: {
                    model: me.store.model,
                    data: []
                },
                displayField: me.displayField,
                valueField: me.valueField,
                disabled: me.disabled,

                //Add this config =================
                listConfig: me.listConfig,
                //=================================

                listeners: {
                    boundList: {
                        scope: me,
                        itemdblclick: me.onItemDblClick,
                        drop: me.syncValue
                    }
                }
            });
        }
    });

А также благодарю scebotari66 он первый, кто предложил мне это решение)