Панель инструментов ExtJS автоматически не переносится по ширине

#javascript #extjs

#javascript #extjs

Вопрос:

моя проблема в том, что панель инструментов не переносится автоматически по ширине в работающем фрейме extjs.

Пример:

Ext.create(‘Ext.toolbar.Панель инструментов’, { renderTo: document.body, ширина: 200, элементы: [{

         text: 'Button'
    }, {
        xtype: 'splitbutton',
        text: 'Split Button'
    },

    '->', {
        xtype: 'textfield',
        name: 'field1',
        emptyText: 'enter search term'
    },

    '-',
    'text 1', {
        xtype: 'tbspacer'
    },
    'text 2', {
        xtype: 'tbspacer',
        width: '50%'
    },
    'text 3'
]
  

});

Комментарии:

1. мой ожидаемый результат — это не вырезанный мной toobar, а перенос в соответствии с with. любая путаница и отправьте мне сообщение.

Ответ №1:

Для этого вам нужно использовать enableOverflow config. Ниже приведен пример этого.

 xtype: 'toolbar',
dock: 'top',
enableOverflow: true 
  

Ответ №2:

может быть, вы ищете overflowHandler и scrollable параметры.

Пример на скрипке: https://fiddle.sencha.com/#view/editoramp;fiddle/2qt1

Комментарии:

1. прокрутка отображается каждый раз. мое требование — когда не хватает места, тогда включите прокрутку